@miiflow/assistant-ui 0.1.0 → 0.2.1

package/dist/index.mjs

@@ -1,2 +0,0 @@
-export{b as AttachmentPreview,c as Avatar,d as ChatContainer,Y as ChatLayout,f as MarkdownContent,S as Message,T as MessageComposer,U as MessageList,A as StreamingText,B as SuggestedActions,W as TypingIndicator,Z as WelcomeScreen,a as cn}from'./chunk-3GQNGDXX.mjs';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-MFCWFFJV.mjs';export{b as useAttachments,a as useStreaming}from'./chunk-3E2HG62U.mjs';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-KPGHBLGY.mjs';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-RTT6LULU.mjs';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-CRNBTU42.mjs';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},Q={...m,year:"numeric",...i};function p(t){let e=typeof t=="string"?new Date(t):t,a=new Date;return e.getDate()===a.getDate()&&e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===a.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",Q)}function X(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),s=Math.floor(g/1e3),r=Math.floor(s/60),o=Math.floor(r/60),n=Math.floor(o/24);return s<60?"just now":r<60?`${r} minute${r===1?"":"s"} ago`:o<24?`${o} hour${o===1?"":"s"} ago`:n<7?`${n} day${n===1?"":"s"} ago`:p(e)}var Z={spacing:{messageBetween:"1rem",messagePx:"0.875rem",messagePy:"0.625rem",container:"1rem",composerPadding:"1rem"},typography:{message:{fontSize:"1rem",lineHeight:1.5,letterSpacing:"0px"},caption:{fontSize:"0.875rem",lineHeight:1.4},small:{fontSize:"0.8125rem",lineHeight:1.3}},borderRadius:{message:"0.5rem",input:"1rem",panel:"0.5rem",button:"0.5rem",chip:"0.25rem"},colors:{primary:"var(--chat-primary, #106997)",secondary:"var(--chat-secondary, #56C18A)",error:"var(--chat-error, #B1001B)",warning:"var(--chat-warning, #DD9652)",messageBg:"var(--chat-message-bg, rgba(0, 0, 0, 0.03))",userMessageBg:"var(--chat-user-message-bg, var(--chat-primary, #106997))",userMessageText:"var(--chat-user-message-text, #ffffff)",panelBg:"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))",panelBorder:"var(--chat-panel-border, rgba(0, 0, 0, 0.06))",border:"var(--chat-border, rgba(0, 0, 0, 0.06))",borderHover:"var(--chat-border-hover, rgba(0, 0, 0, 0.12))",text:"var(--chat-text, #1D2033)",subtle:"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))",placeholder:"var(--chat-placeholder, rgba(0, 0, 0, 0.4))",status:{pending:{main:"rgba(0, 0, 0, 0.3)",bg:"rgba(0, 0, 0, 0.05)"},running:{main:"rgb(99, 102, 241)",bg:"rgba(99, 102, 241, 0.08)"},completed:{main:"rgb(16, 185, 129)",bg:"rgba(16, 185, 129, 0.08)"},failed:{main:"rgb(239, 68, 68)",bg:"rgba(239, 68, 68, 0.08)"}}},shadows:{subtle:"0 1px 2px rgba(0, 0, 0, 0.04)",input:"0 2px 8px rgba(0, 0, 0, 0.08)",inputFocus:"0 4px 16px rgba(0, 0, 0, 0.12)",button:"0 1px 3px rgba(0, 0, 0, 0.08)",buttonHover:"0 2px 6px rgba(0, 0, 0, 0.12)",primary:"0 2px 6px rgba(16, 105, 151, 0.3)",primaryHover:"0 4px 12px rgba(16, 105, 151, 0.4)"},animations:{messageEntrance:{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.3,ease:[.4,0,.2,1]}},fadeIn:{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2}}}};export{Z as chatTokens,p as formatMessageTime,X as formatRelativeTime};//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/format-date.ts","../src/styles/tokens.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays","chatTokens"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n","/**\n * Design tokens for the chat UI.\n * These map to CSS custom properties for easy theming.\n */\n\nexport const chatTokens = {\n  spacing: {\n    /** Vertical spacing between messages (16px) */\n    messageBetween: \"1rem\",\n    /** Message bubble horizontal padding (14px) */\n    messagePx: \"0.875rem\",\n    /** Message bubble vertical padding (10px) */\n    messagePy: \"0.625rem\",\n    /** Container padding (16px) */\n    container: \"1rem\",\n    /** Composer padding (16px) */\n    composerPadding: \"1rem\",\n  },\n\n  typography: {\n    message: {\n      fontSize: \"1rem\",\n      lineHeight: 1.5,\n      letterSpacing: \"0px\",\n    },\n    caption: {\n      fontSize: \"0.875rem\",\n      lineHeight: 1.4,\n    },\n    small: {\n      fontSize: \"0.8125rem\",\n      lineHeight: 1.3,\n    },\n  },\n\n  borderRadius: {\n    message: \"0.5rem\",\n    input: \"1rem\",\n    panel: \"0.5rem\",\n    button: \"0.5rem\",\n    chip: \"0.25rem\",\n  },\n\n  colors: {\n    // CSS custom property references\n    primary: \"var(--chat-primary, #106997)\",\n    secondary: \"var(--chat-secondary, #56C18A)\",\n    error: \"var(--chat-error, #B1001B)\",\n    warning: \"var(--chat-warning, #DD9652)\",\n\n    // Message backgrounds\n    messageBg: \"var(--chat-message-bg, rgba(0, 0, 0, 0.03))\",\n    userMessageBg: \"var(--chat-user-message-bg, var(--chat-primary, #106997))\",\n    userMessageText: \"var(--chat-user-message-text, #ffffff)\",\n\n    // Panel backgrounds\n    panelBg: \"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))\",\n    panelBorder: \"var(--chat-panel-border, rgba(0, 0, 0, 0.06))\",\n\n    // Borders\n    border: \"var(--chat-border, rgba(0, 0, 0, 0.06))\",\n    borderHover: \"var(--chat-border-hover, rgba(0, 0, 0, 0.12))\",\n\n    // Text\n    text: \"var(--chat-text, #1D2033)\",\n    subtle: \"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))\",\n    placeholder: \"var(--chat-placeholder, rgba(0, 0, 0, 0.4))\",\n\n    // Status colors\n    status: {\n      pending: {\n        main: \"rgba(0, 0, 0, 0.3)\",\n        bg: \"rgba(0, 0, 0, 0.05)\",\n      },\n      running: {\n        main: \"rgb(99, 102, 241)\",\n        bg: \"rgba(99, 102, 241, 0.08)\",\n      },\n      completed: {\n        main: \"rgb(16, 185, 129)\",\n        bg: \"rgba(16, 185, 129, 0.08)\",\n      },\n      failed: {\n        main: \"rgb(239, 68, 68)\",\n        bg: \"rgba(239, 68, 68, 0.08)\",\n      },\n    },\n  },\n\n  shadows: {\n    subtle: \"0 1px 2px rgba(0, 0, 0, 0.04)\",\n    input: \"0 2px 8px rgba(0, 0, 0, 0.08)\",\n    inputFocus: \"0 4px 16px rgba(0, 0, 0, 0.12)\",\n    button: \"0 1px 3px rgba(0, 0, 0, 0.08)\",\n    buttonHover: \"0 2px 6px rgba(0, 0, 0, 0.12)\",\n    primary: \"0 2px 6px rgba(16, 105, 151, 0.3)\",\n    primaryHover: \"0 4px 12px rgba(16, 105, 151, 0.4)\",\n  },\n\n  animations: {\n    messageEntrance: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },\n    },\n    fadeIn: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      transition: { duration: 0.2 },\n    },\n  },\n} as const;\n\nexport type ChatTokens = typeof chatTokens;\n"]}

package/dist/primitives/index.mjs

@@ -1,2 +0,0 @@
-export{q as ActionButton,l as Avatar,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,c as Message,i as MessageComposer,d as MessageContent,a as MessageContext,f as MessageList,e as MessageTimestamp,m as StreamingText,p as SuggestedActions,n as SuggestedActionsContext,r as TypingIndicator,h as useComposer,b as useMessage,o as useSuggestedActions}from'../chunk-MFCWFFJV.mjs';import'../chunk-KPGHBLGY.mjs';//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/styled/index.mjs

@@ -1,2 +0,0 @@
-export{b as AttachmentPreview,c as Avatar,E as CardVisualization,C as ChartVisualization,d as ChatContainer,X as ChatHeader,Y as ChatLayout,g as CitationSources,j as ClarificationPanel,t as ClaudeToolPreview,G as CodePreviewVisualization,o as EventContent,r as EventTimeline,v as FileOperationPreview,H as FormVisualization,i as InlineCitation,F as KpiVisualization,e as LoadingDots,f as MarkdownContent,S as Message,k as MessageAttachments,T as MessageComposer,U as MessageList,s as PlanTimeline,z as ReasoningPanel,w as SearchResultsView,h as SourceDetailModal,l as StatusBadge,A as StreamingText,y as SubagentPanel,B as SuggestedActions,D as TableVisualization,u as TerminalOutput,V as TimeMarker,m as Timeline,n as TimelineItem,W as TypingIndicator,R as VisualizationRenderer,x as WebOperationPreview,Z as WelcomeScreen,N as cardVisualizationSchema,L as chartVisualizationSchema,P as codePreviewVisualizationSchema,p as convertChunkToEvent,q as convertTimelineToEvents,Q as formVisualizationSchema,K as getRegisteredTypes,J as getVisualization,O as kpiVisualizationSchema,I as registerVisualization,M as tableVisualizationSchema}from'../chunk-3GQNGDXX.mjs';export{h as useComposer,b as useMessage}from'../chunk-MFCWFFJV.mjs';import'../chunk-KPGHBLGY.mjs';export{b as ChatProvider,c as useChatContext}from'../chunk-RTT6LULU.mjs';//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map