@adatechnology/conversations-ui 0.1.0-rc.24 → 0.1.0-rc.26

package/src/documents/labels.ts

@@ -0,0 +1,88 @@
+/**
+ * Vocabulário da biblioteca de arquivos. Sobrescrevível campo a campo: o produto troca "cliente"
+ * por "lead" ou o idioma inteiro sem manter uma cópia da tela para isso.
+ */
+
+export interface DocumentsWorkspaceLabels {
+  readonly title: string
+  readonly subtitle: (total: number) => string
+  readonly searchPlaceholder: string
+  readonly empty: string
+  readonly noResults: string
+  readonly loading: string
+  readonly failure: string
+  readonly view: string
+  readonly download: string
+  readonly remove: string
+  readonly removeConfirm: (filename: string) => string
+  readonly openConversation: string
+  readonly sourceFilter: string
+  readonly categoryFilter: string
+  readonly startDate: string
+  readonly endDate: string
+  readonly clearFilters: string
+  readonly selectAllPage: string
+  readonly selectRow: string
+  readonly bulkSelected: (count: number) => string
+  readonly bulkClear: string
+  readonly bulkDownloadZip: string
+  readonly bulkRemove: (count: number) => string
+  readonly bulkRemoveConfirm: (count: number) => string
+  readonly columnFilename: string
+  readonly columnContact: string
+  readonly columnType: string
+  readonly columnSize: string
+  readonly columnSource: string
+  readonly columnDate: string
+  readonly columnActions: string
+  readonly sourceLabels: Readonly<Record<string, string>>
+  readonly categoryLabels: Readonly<Record<string, string>>
+  readonly show: string
+  readonly perPage: string
+  readonly total: (count: number) => string
+  readonly page: (current: number, last: number) => string
+  readonly previousPage: string
+  readonly nextPage: string
+}
+
+export const DEFAULT_DOCUMENTS_WORKSPACE_LABELS: DocumentsWorkspaceLabels = {
+  title: 'Documentos',
+  subtitle: (total) => `${total} arquivo${total === 1 ? '' : 's'} trocado${total === 1 ? '' : 's'}`,
+  searchPlaceholder: 'Buscar por nome do arquivo ou telefone',
+  empty: 'Nenhum arquivo trocado ainda.',
+  noResults: 'Nenhum arquivo encontrado para os filtros aplicados.',
+  loading: 'Carregando arquivos…',
+  failure: 'Não foi possível carregar os arquivos.',
+  view: 'Visualizar',
+  download: 'Baixar',
+  remove: 'Excluir',
+  removeConfirm: (filename) => `Excluir "${filename}"?`,
+  openConversation: 'Abrir conversa',
+  sourceFilter: 'Origem',
+  categoryFilter: 'Tipo',
+  startDate: 'De',
+  endDate: 'Até',
+  clearFilters: 'Limpar filtros',
+  selectAllPage: 'Selecionar todos desta página',
+  selectRow: 'Selecionar arquivo',
+  bulkSelected: (count) => `${count} selecionado${count === 1 ? '' : 's'}`,
+  bulkClear: 'Limpar seleção',
+  bulkDownloadZip: 'Baixar em zip',
+  bulkRemove: (count) => `Excluir ${count}`,
+  bulkRemoveConfirm: (count) => `Excluir ${count} arquivo${count === 1 ? '' : 's'}?`,
+  columnFilename: 'Arquivo',
+  columnContact: 'Contato',
+  columnType: 'Tipo',
+  columnSize: 'Tamanho',
+  columnSource: 'Origem',
+  columnDate: 'Recebido em',
+  columnActions: 'Ações',
+  sourceLabels: { customer: 'Cliente', agent: 'Atendente', bot: 'Bot' },
+  categoryLabels: { document: 'Documento', image: 'Imagem', audio: 'Áudio', video: 'Vídeo' },
+  show: 'Mostrar',
+  perPage: 'por página',
+  total: (count) => `${count} no total`,
+  page: (current, last) => `${current} / ${last}`,
+  previousPage: 'Página anterior',
+  nextPage: 'Próxima página',
+}

package/src/flows/FlowNodeCard.tsx

@@ -43,6 +43,9 @@ const DEFAULT_ACTION_KIND_ICON: Record<string, LucideIcon> = {
 // que só faz sentido para quem escreveu o interpretador do fluxo, não para quem está editando.
 export function nodeLabel(node: FlowNodeData | undefined, labels: FlowEditorLabels): string {
   if (!node) return '—'
+  // Apelido dado no editor manda sobre qualquer texto derivado: dois nós de mesma ação ficam
+  // idênticos no card sem ele, e é exatamente para desempatá-los que o campo existe.
+  if (node.label) return node.label
   if (node.type === 'action') {
     const actionKindLabel = node.actionKind ? labels.actionKindLabels[node.actionKind] : undefined
     // Sempre retorna string: um actionKind futuro sem label mapeado cai no próprio valor bruto
@@ -62,6 +65,12 @@ export type FlowNodeCardData = {
   liveCount: number
   isStart: boolean
   isSelected: boolean
+  /**
+   * Nó sem nenhuma ligação de entrada — o bot nunca chega nele. Contorno tracejado e pulso: sem
+   * isso, desconectar um fio ou criar um card solto passa despercebido até o fluxo quebrar em
+   * produção.
+   */
+  isDetached?: boolean
   issues: GraphIssue[]
   labels: FlowEditorLabels
   actionKindIcons?: Record<string, LucideIcon>
@@ -112,7 +121,7 @@ function SourceRow({ label, isDefault, handleId }: { label: string; isDefault: b
 }
 
 export function FlowNodeCard({ data }: NodeProps) {
-  const { node, liveCount, isStart, isSelected, issues, labels, actionKindIcons, onSelect } =
+  const { node, liveCount, isStart, isSelected, isDetached, issues, labels, actionKindIcons, onSelect } =
     data as unknown as FlowNodeCardData
   const label = nodeLabel(node, labels)
   const iconMap = { ...DEFAULT_ACTION_KIND_ICON, ...actionKindIcons }
@@ -126,8 +135,8 @@ export function FlowNodeCard({ data }: NodeProps) {
 
   return (
     <div
-      title={label}
-      className={`relative rounded-lg border-2 px-3 py-2 w-60 cursor-pointer shadow-sm hover:shadow-md transition-shadow ${NODE_TYPE_COLOR[node.type]} ${isSelected ? 'ring-2 ring-blue-500 ring-offset-2 dark:ring-offset-gray-900' : ''}`}
+      title={isDetached ? labels.detachedNodeTooltip : label}
+      className={`relative rounded-lg border-2 px-3 py-2 w-60 cursor-pointer shadow-sm hover:shadow-md transition-shadow ${NODE_TYPE_COLOR[node.type]} ${isSelected ? 'ring-2 ring-blue-500 ring-offset-2 dark:ring-offset-gray-900' : ''} ${isDetached ? 'border-dashed !border-amber-400 animate-pulse' : ''}`}
       onClick={() => onSelect(node.id)}
     >
       <Handle type="target" position={Position.Top} id="target" className="!bg-gray-400 dark:!bg-gray-500" />

package/src/flows/FlowNodePanel.tsx

@@ -80,7 +80,7 @@ export interface FlowNodePanelProps {
    * URL assinada são dele, e o painel não tem como buscar nada. Ausente, o nó continua editável —
    * só não dá para anexar por aqui.
    */
-  renderMediaPicker?: (node: FlowNodeData) => ReactNode
+  renderMediaPicker?: (node: FlowNodeData, graph: FlowGraphData) => ReactNode
 }
 
 // Paridade com financiamento-imobiliario-bot/apps/web/src/components/flows/FlowNodePanel.tsx —
@@ -211,6 +211,19 @@ export function FlowNodePanel({
           </p>
         )}
 
+        <div>
+          <label className="text-xs font-medium text-gray-500 dark:text-gray-400">
+            {labels.nodePanel.nodeName}
+          </label>
+          <input
+            value={draft.label ?? ''}
+            placeholder={labels.nodePanel.nodeNamePlaceholder}
+            onChange={(event) => setDraft((prev) => ({ ...prev, label: event.target.value || undefined }))}
+            className={`w-full mt-1 ${INPUT_CLASSNAME}`}
+          />
+          <p className="text-[11px] text-gray-400 dark:text-gray-500 mt-1">{labels.nodePanel.nodeNameHint}</p>
+        </div>
+
         {draft.contextKey && (
           <div>
             <label className="text-xs font-medium text-gray-500 dark:text-gray-400">
@@ -322,7 +335,7 @@ export function FlowNodePanel({
           <div>
             <label className="text-xs font-medium text-gray-500 dark:text-gray-400">{labels.nodePanel.media}</label>
             <div className="mt-1">
-              {renderMediaPicker?.(node) ?? (
+              {renderMediaPicker?.(node, graph) ?? (
                 <p className="text-xs text-gray-400">{labels.nodePanel.mediaUnavailable}</p>
               )}
             </div>