|
|
@@ -102,6 +102,25 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="flex items-center gap-1 self-start rounded-lg border border-gray-200 bg-gray-50 p-0.5 text-xs dark:border-gray-700 dark:bg-gray-800/50">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ class="rounded-md px-2.5 py-1 font-medium transition-colors"
|
|
|
+ :class="mode === 'documentos' ? 'bg-white text-foreground shadow-sm dark:bg-gray-700' : 'text-gray-500 dark:text-gray-400'"
|
|
|
+ @click="$emit('update:mode', 'documentos')"
|
|
|
+ >
|
|
|
+ Documentos
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ class="rounded-md px-2.5 py-1 font-medium transition-colors"
|
|
|
+ :class="mode === 'atendimentos' ? 'bg-white text-foreground shadow-sm dark:bg-gray-700' : 'text-gray-500 dark:text-gray-400'"
|
|
|
+ @click="$emit('update:mode', 'atendimentos')"
|
|
|
+ >
|
|
|
+ Atendimentos
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="grid gap-3 md:grid-cols-[1fr_auto] md:items-end">
|
|
|
<textarea
|
|
|
v-model="draft"
|
|
|
@@ -149,10 +168,11 @@ import BaseButton from "./base/BaseButton.vue";
|
|
|
const props = defineProps({
|
|
|
messages: { type: Array, required: true },
|
|
|
loading: { type: Boolean, required: true },
|
|
|
- error: { type: String, required: true }
|
|
|
+ error: { type: String, required: true },
|
|
|
+ mode: { type: String, default: "documentos" }
|
|
|
});
|
|
|
|
|
|
-const emit = defineEmits(["send", "clearError"]);
|
|
|
+const emit = defineEmits(["send", "clearError", "update:mode"]);
|
|
|
|
|
|
const draft = ref("");
|
|
|
const chatEl = ref(null);
|