@arbidocs/blocks 0.3.185 → 0.4.0

package/dist/chat/index.d.ts

@@ -0,0 +1,21 @@
+export { Message, MessageRoot, MessageContent, MessageBubble, MessageByline, MessageSubagentBadge, MessageBody, MessageNarration, MessageSources, SourceChip, DEFAULT_MESSAGE_LABELS, MessageFooter, MessageActionButton, MessageActionMenu, type MessageLabels, type MessageRole, type MessageTone, type MessageRootProps, type MessageContentProps, type MessageBubbleProps, type MessageBylineProps, type MessageSourcesProps, type SourceChipProps, type SourceView, type MessageStepsView, type MessageFooterProps, type MessageActionButtonProps, type MessageActionMenuItem, type MessageActionMenuProps, } from './Message';
+export { MessageAlert, DEFAULT_MESSAGE_ALERT_LABELS, type MessageAlertLabels, type MessageAlertProps, } from './MessageAlert';
+export { MessageList, MessageListRoot, MessageListEmpty, MessageListStatus, MessageListBanner, MessageListRows, MessageListRow, MessageListTail, DEFAULT_MESSAGE_LIST_LABELS, type MessageListLabels, type MessageListRootProps, type MessageListStatusProps, type MessageListBannerProps, type MessageListRowsProps, type MessageListRowProps, } from './MessageList';
+export { useStreamAnnouncement, toSpeakableText, type UseStreamAnnouncementOptions, } from './useStreamAnnouncement';
+export { Composer, ComposerRoot, ComposerBranchingNotice, ComposerFrame, ComposerInput, ComposerToolbar, ComposerSend, ComposerVoiceButton, ComposerContainer, ComposerDock, ScrollToBottom, DEFAULT_COMPOSER_LABELS, type ComposerLabels, type ComposerBranchingNoticeProps, type ComposerRootProps, type ComposerInputProps, type ComposerToolbarProps, type ComposerSendProps, type ComposerVoiceButtonProps, type ComposerDockProps, type ScrollToBottomProps, } from './Composer';
+export { SlashMenu, DEFAULT_SLASH_MENU_LABELS, type SlashMenuLabels, type SlashMenuProps, type SlashMenuItem, type SlashItemKind, } from './SlashMenu';
+export { PinnedDocChip, DEFAULT_PINNED_DOC_CHIP_LABELS, type PinnedDocChipLabels, type PinnedDocChipProps, } from './PinnedDocChip';
+export { ConversationEmpty, DEFAULT_CONVERSATION_EMPTY_LABELS, type ConversationEmptyLabels, type ConversationEmptyProps, type ConversationShortcut, } from './ConversationEmpty';
+export { Conversation, ConversationRoot, ConversationHeader, ConversationBody, ConversationMain, ConversationLoading, DEFAULT_CONVERSATION_LAYOUT_LABELS, type ConversationLayoutLabels, } from './ConversationLayout';
+export { BranchControls, DEFAULT_BRANCH_CONTROLS_LABELS, type BranchControlsLabels, type BranchControlsProps, } from './BranchControls';
+export { ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, DEFAULT_MODEL_PRICING_TIP_LABELS, type ModelPricingTipLabels, type ModelConfigureButtonProps, type ModelOptionProps, type ModelPickerPopoverProps, type ModelPickerTriggerProps, type ModelPricingTipProps, type ModelTierIconProps, type ModelTierKind, type ModelTierOptionProps, type ModelTriggerContentProps, } from './ModelPicker';
+export { ComposerAccessories, ComposerTools, ConversationHeaderActions, ConversationHistoryPane, ConversationSettingsButton, NewChatButton, NewPaChatButton, PaModeBadge, DEFAULT_CONVERSATION_PARTS_LABELS, type ConversationPartsLabels, type NewChatButtonProps, } from './ConversationParts';
+export { ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, DEFAULT_THREAD_MAP_LABELS, type ThreadMapLabels, type ThreadMapDiagramProps, type ThreadMapProps, } from './ThreadMap';
+export { useLongPaste, isLongPastedText, type UseLongPaste } from '../lib/useLongPaste';
+export { useListKeyNav, type UseListKeyNav, type UseListKeyNavOptions } from '../lib/useListKeyNav';
+export { PendingAnswerBar, DEFAULT_PENDING_ANSWER_BAR_LABELS, type PendingAnswerBarProps, type PendingAnswerBarLabels, } from './PendingAnswerBar';
+export { ConversationSearchView, DEFAULT_CONVERSATION_SEARCH_LABELS, type ConversationSearchViewProps, type ConversationSearchGroup, type ConversationSearchMatch, type ConversationSearchLabels, } from './ConversationSearchView';
+export { ContextPanelContent, ContextPickerList, ContextPickerRow, ContextCheckRow, ContextSelectList, ContextSelectRow, ContextPanelFooter, ContextPanelTabs, ContextSearchInput, ContextActionButton, type ContextTab, type ContextPanelTabsProps, type ContextPickerGroup, type ContextPickerListProps, type ContextPickerRowProps, type ContextCheckRowProps, type ContextSelectListProps, type ContextSelectRowProps, type ContextPanelFooterProps, type ContextActionButtonProps, } from './ContextPanel';
+export { ContextChip, type ContextChipProps } from './ContextChip';
+export { useDismissibleCard, type UseDismissibleCardOptions } from '../lib/useDismissibleCard';
+export { LabelPinRow, DEFAULT_LABEL_PIN_ROW_LABELS, type LabelPinRowProps, type LabelPinRowLabels, type PinnableLabel, } from './LabelPinRow';

package/dist/chat/index.js

@@ -0,0 +1,6 @@
+"use client";
+export { BranchControls, Composer, ComposerAccessories, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerTools, ComposerVoiceButton, ContextActionButton, ContextCheckRow, ContextChip, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationEmpty, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, ScrollToBottom, SlashMenu, SourceChip, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, isLongPastedText, toSpeakableText, useDismissibleCard, useListKeyNav, useLongPaste, useStreamAnnouncement } from '../chunk-AZQDNYH4.js';
+import '../chunk-YDHO4AVL.js';
+import '../chunk-7F6CBP3Z.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/chat/test-id.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Resolve an overridable test id. The default is written at the call site as
+ * `{ testId: 'literal-id' }` so the source keeps the literal id (the testid parity scanner
+ * greps for `testId: '...'`).
+ */
+export declare function testIdOr(override: string | undefined, fallback: {
+    testId: string;
+}): string;
+/**
+ * Resolve an overridable id of a repeated element: `<prefix>-<key><suffix>`. The default is written
+ * at the call site as a template, `{ testId: `row-${key}` }`, so the source keeps the id shape the
+ * testid parity scanner greps for.
+ */
+export declare function prefixedTestId(prefix: string | undefined, key: string | number, fallback: {
+    testId: string;
+}, suffix?: string): string;

package/dist/chat/useStreamAnnouncement.d.ts

@@ -0,0 +1,19 @@
+import { type MessageListLabels } from './MessageList';
+export interface UseStreamAnnouncementOptions {
+    /** A reply is being generated. */
+    isStreaming: boolean;
+    /** Latest text of the reply (any markup is flattened before it is spoken). */
+    text: string;
+    /** Changing this (the open conversation) resets the announcer so nothing leaks across threads. */
+    resetKey?: unknown;
+    /** Longest answer read out, in characters; the rest is cut at a word boundary. Default 600. */
+    maxLength?: number;
+    labels?: Partial<Pick<MessageListLabels, 'responding' | 'responseComplete'>>;
+}
+/** Plain, speakable text: no markdown punctuation, links as their label, whitespace collapsed. */
+export declare function toSpeakableText(markdown: string, maxLength?: number): string;
+/**
+ * Message for `MessageList.Status`: "responding" once when a reply starts, then the finished
+ * answer once when it settles. Tokens in between are never announced.
+ */
+export declare function useStreamAnnouncement({ isStreaming, text, resetKey, maxLength, labels, }: UseStreamAnnouncementOptions): string;

package/dist/chunk-223D4727.cjs

@@ -0,0 +1,50 @@
+"use client";
+'use strict';
+
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/settings/ModalBreadcrumbHeader.tsx
+function ModalBreadcrumbHeader({
+  workspaceName,
+  workspaceIcon,
+  icon,
+  title,
+  description,
+  titleExtra,
+  subtitle,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { className: ui.cn("mb-2 pr-8", className), "data-slot": "modal-header", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogTitle, { className: "flex items-center gap-2", children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: title }),
+      titleExtra
+    ] }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 text-sm text-muted-foreground", "data-testid": "modal-header-context", children: subtitle }),
+    !subtitle && workspaceName && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground",
+        "data-testid": "modal-header-workspace",
+        children: [
+          workspaceIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: workspaceIcon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", title: workspaceName, children: workspaceName })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: description || title })
+  ] });
+}
+function ModalCrumbs({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-1.5", "data-slot": "modal-crumbs", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ui.cn("flex items-center gap-1.5", i === 0 ? "min-w-0" : "min-w-0"), children: [
+    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "/" }),
+    item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", title: item.label, children: item.label })
+  ] }, i)) });
+}
+
+exports.ModalBreadcrumbHeader = ModalBreadcrumbHeader;
+exports.ModalCrumbs = ModalCrumbs;
+//# sourceMappingURL=chunk-223D4727.cjs.map
+//# sourceMappingURL=chunk-223D4727.cjs.map

package/dist/chunk-223D4727.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/ModalBreadcrumbHeader.tsx"],"names":["jsxs","DialogHeader","cn","DialogTitle","jsx","DialogDescription"],"mappings":";;;;;;AA0BO,SAAS,qBAAA,CAAsB;AAAA,EACpC,aAAA;AAAA,EACA,aAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,uBACEA,eAAA,CAACC,mBAAa,SAAA,EAAWC,KAAA,CAAG,aAAa,SAAS,CAAA,EAAG,aAAU,cAAA,EAC7D,QAAA,EAAA;AAAA,oBAAAF,eAAA,CAACG,cAAA,EAAA,EAAY,WAAU,yBAAA,EACpB,QAAA,EAAA;AAAA,MAAA,IAAA,oBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAkC,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,sBAChEA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAChC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,4BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uCAAA,EAAwC,aAAA,EAAY,wBAChE,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,IAED,CAAC,YAAY,aAAA,oBACZJ,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iEAAA;AAAA,QACV,aAAA,EAAY,wBAAA;AAAA,QAEX,QAAA,EAAA;AAAA,UAAA,aAAA,oBAAiBI,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,yCAC3D,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW,KAAA,EAAO,eAC/B,QAAA,EAAA,aAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,oBAEFA,cAAA,CAACC,oBAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,EAAW,yBAAe,KAAA,EAAM;AAAA,GAAA,EAC/D,CAAA;AAEJ;AAQO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAM,EAA4B;AAC9D,EAAA,uBACED,cAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EAAoC,aAAU,cAAA,EAC1D,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,sBAChBJ,eAAA,CAAC,MAAA,EAAA,EAAa,WAAWE,KAAA,CAAG,2BAAA,EAA6B,MAAM,CAAA,GAAI,SAAA,GAAY,SAAS,CAAA,EACrF,QAAA,EAAA;AAAA,IAAA,CAAA,GAAI,CAAA,oBAAKE,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,IACnC,KAAK,IAAA,oBAAQA,cAAA,CAAC,UAAK,SAAA,EAAU,UAAA,EAAY,eAAK,IAAA,EAAK,CAAA;AAAA,oBACpDA,cAAA,CAAC,UAAK,SAAA,EAAU,UAAA,EAAW,OAAO,IAAA,CAAK,KAAA,EACpC,eAAK,KAAA,EACR;AAAA,GAAA,EAAA,EALS,CAMX,CACD,CAAA,EACH,CAAA;AAEJ","file":"chunk-223D4727.cjs","sourcesContent":["import type { ReactNode } from 'react'\nimport { cn, DialogDescription, DialogHeader, DialogTitle } from '@arbidocs/react/ui'\n\nexport interface ModalBreadcrumbHeaderProps {\n  /** Workspace crumb (optional): its icon node and name; without it just the title shows. */\n  workspaceName?: string\n  workspaceIcon?: ReactNode\n  /** Icon before the title (should match the button that opened the modal). */\n  icon?: ReactNode\n  /** Section name (should match the opening button's caption). */\n  title: string\n  /** Accessible description, visually hidden. Defaults to the title. */\n  description?: string\n  /** Extra node after the title (a count badge). */\n  titleExtra?: ReactNode\n  /** Context line under the title (see {@link ModalCrumbs}); replaces the workspace line. */\n  subtitle?: ReactNode\n  /** Replaces the default spacing (e.g. `p-6 pb-3 pr-12` inside a padding-free dialog). */\n  className?: string\n}\n\n/**\n * Dialog header: `[icon] Title`, with the workspace as a small subtitle line beneath it\n * (`[workspace icon] Workspace name`). One plain title at every width: the name never competes\n * with, or squeezes, the title, and a long name truncates on its own line (full name on hover).\n */\nexport function ModalBreadcrumbHeader({\n  workspaceName,\n  workspaceIcon,\n  icon,\n  title,\n  description,\n  titleExtra,\n  subtitle,\n  className,\n}: ModalBreadcrumbHeaderProps) {\n  return (\n    <DialogHeader className={cn('mb-2 pr-8', className)} data-slot=\"modal-header\">\n      <DialogTitle className=\"flex items-center gap-2\">\n        {icon && <span className=\"shrink-0 text-muted-foreground\">{icon}</span>}\n        <span className=\"min-w-0\">{title}</span>\n        {titleExtra}\n      </DialogTitle>\n      {subtitle && (\n        <div className=\"min-w-0 text-sm text-muted-foreground\" data-testid=\"modal-header-context\">\n          {subtitle}\n        </div>\n      )}\n      {!subtitle && workspaceName && (\n        <div\n          className=\"flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground\"\n          data-testid=\"modal-header-workspace\"\n        >\n          {workspaceIcon && <span className=\"shrink-0\">{workspaceIcon}</span>}\n          <span className=\"truncate\" title={workspaceName}>\n            {workspaceName}\n          </span>\n        </div>\n      )}\n      <DialogDescription className=\"sr-only\">{description || title}</DialogDescription>\n    </DialogHeader>\n  )\n}\n\nexport interface ModalCrumb {\n  icon?: ReactNode\n  label: string\n}\n\n/** `[icon] Workspace / [icon] Chats / Thread`: a context line that truncates instead of wrapping. */\nexport function ModalCrumbs({ items }: { items: ModalCrumb[] }) {\n  return (\n    <div className=\"flex min-w-0 items-center gap-1.5\" data-slot=\"modal-crumbs\">\n      {items.map((item, i) => (\n        <span key={i} className={cn('flex items-center gap-1.5', i === 0 ? 'min-w-0' : 'min-w-0')}>\n          {i > 0 && <span aria-hidden=\"true\">/</span>}\n          {item.icon && <span className=\"shrink-0\">{item.icon}</span>}\n          <span className=\"truncate\" title={item.label}>\n            {item.label}\n          </span>\n        </span>\n      ))}\n    </div>\n  )\n}\n"]}