@arbidocs/blocks 0.4.67 → 0.4.68

package/dist/facts/index.js

@@ -6,12 +6,12 @@ import { GridView, SelectionBar, SelectionBarAction } from '../chunk-BUHKUKKB.js
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 export { DEFAULT_FILTER_INPUT_LABELS as DEFAULT_FACTS_FILTER_INPUT_LABELS, DEFAULT_FILTER_FIELDS as FACTS_SEARCH_FIELD_OPTIONS, FilterInput as FactsFilterInput } from '../chunk-YU2KUMGE.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
+import '../chunk-76JDDMSP.js';
 import '../chunk-SLSBJRWW.js';
 import { observeResize } from '../chunk-NPLYHR2E.js';
-import '../chunk-76JDDMSP.js';
 import { initials } from '../chunk-OXF2IFXG.js';
 import { testIdOr } from '../chunk-7F6CBP3Z.js';
-import { PencilLine, Check, MoreVertical, Pencil, Trash2, CalendarDays, X, Columns3, ChevronDown, RotateCcw, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Loader2, Info, PinOff, Pin, Tags, MoreHorizontal, FolderUp, BookMarked, Plus, Search, CheckCircle2, CornerDownLeft, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare } from 'lucide-react';
+import { PencilLine, Check, MoreVertical, Pencil, Trash2, CalendarDays, X, Columns3, ChevronDown, RotateCcw, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Loader2, Info, Paperclip, Tags, MoreHorizontal, FolderUp, BookMarked, Plus, Search, CheckCircle2, CornerDownLeft, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare } from 'lucide-react';
 import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, cn, Input, Button, CommandSeparator, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { memo, useState, useMemo, useRef, useEffect } from 'react';
@@ -26,11 +26,11 @@ function decodeWhitespaceEntities(text) {
   });
 }
 var DEFAULT_FACT_COLUMN_LABELS = {
-  pinnedHeaderTooltip: "Pinned facts are given to the assistant every turn",
-  pinnedTitle: "Pinned \u2014 sent with every AI request. Click to unpin.",
-  unpinnedTitle: "Pin \u2014 send with every AI request",
-  unpin: "Unpin fact",
-  pin: "Pin fact",
+  inChatHeaderTooltip: "Facts added to this chat are always in context for this chat",
+  inChatTitle: "In this chat \u2014 always in context for it. Click to remove from chat.",
+  notInChatTitle: "Add to chat \u2014 always in context for this chat",
+  removeFromChat: "Remove from chat",
+  addToChat: "Add to chat",
   fact: "Fact",
   dates: "Dates",
   dateTitle: "Date of the fact itself, not when this was saved",
@@ -65,7 +65,7 @@ function sourceDocCount(fact) {
   return fact?.citations?.length ?? 0;
 }
 var DEFAULT_FACT_COLUMN_ORDER = [
-  "pinned",
+  "in_chat",
   "text",
   "sources",
   "tags",
@@ -81,49 +81,54 @@ function createFactColumns(slots) {
   const fieldOf = (name) => name;
   const l = { ...DEFAULT_FACT_COLUMN_LABELS, ...slots.labels };
   const ids = slots.testIds;
-  const columns = [
+  const { isInChat, onToggleInChat } = slots;
+  const inChatColumn = isInChat && onToggleInChat ? [
     {
-      colId: "pinned",
+      colId: "in_chat",
       headerName: "",
-      headerComponent: () => /* @__PURE__ */ jsx("span", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(Pin, { className: "size-3.5 text-muted-foreground" }) }),
-      field: fieldOf("pinned"),
+      headerComponent: () => /* @__PURE__ */ jsx("span", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(Paperclip, { className: "size-3.5 text-muted-foreground" }) }),
+      valueGetter: (params) => params.data ? isInChat(params.data) : false,
       width: 44,
       minWidth: 44,
       maxWidth: 44,
       sortable: true,
       resizable: false,
-      headerTooltip: l.pinnedHeaderTooltip,
+      headerTooltip: l.inChatHeaderTooltip,
       cellClass: "cell-hcenter",
-      // A toggle, not a readout: pinning is the row's most consequential switch (pinned facts
-      // ride every AI request), so it flips in place.
+      // A toggle, not a readout: a fact in the chat rides every message of it, so it flips
+      // in place.
       cellRenderer: (params) => {
         if (!params.data) return null;
         const fact = params.data;
+        const inChat = isInChat(fact);
         return /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            onClick: () => slots.onTogglePin(fact),
-            title: fact.pinned ? l.pinnedTitle : l.unpinnedTitle,
-            "aria-label": fact.pinned ? l.unpin : l.pin,
-            "aria-pressed": fact.pinned,
-            "data-testid": testIdOr(ids?.pinned?.(fact.external_id), {
-              testId: `facts-grid-pinned-${fact.external_id}`
+            onClick: () => onToggleInChat(fact),
+            title: inChat ? l.inChatTitle : l.notInChatTitle,
+            "aria-label": inChat ? l.removeFromChat : l.addToChat,
+            "aria-pressed": inChat,
+            "data-testid": testIdOr(ids?.inChat?.(fact.external_id), {
+              testId: `facts-grid-in-chat-${fact.external_id}`
             }),
             className: "flex h-full items-center",
             children: /* @__PURE__ */ jsx(
-              Pin,
+              Paperclip,
               {
                 className: cn(
                   "size-3.5",
-                  fact.pinned ? "fill-current text-yellow-text" : "text-muted-foreground/30 transition-colors hover:text-muted-foreground"
+                  inChat ? "text-primary" : "text-muted-foreground/30 transition-colors hover:text-muted-foreground"
                 )
               }
             )
           }
         );
       }
-    },
+    }
+  ] : [];
+  const columns = [
+    ...inChatColumn,
     {
       colId: "text",
       suppressHeaderFilterButton: true,
@@ -435,7 +440,8 @@ var defaultFormatDate = (iso) => {
 var EMPTY_STATE = { title: "No facts yet" };
 function FactsTable({
   facts,
-  onTogglePin,
+  isInChat,
+  onToggleInChat,
   onToggleConfirmed,
   onToggleShared,
   onEdit,
@@ -454,7 +460,8 @@ function FactsTable({
   const l = { ...DEFAULT_FACT_COLUMN_LABELS, ...columnLabels };
   const columnDefs = useMemo(
     () => createFactColumns({
-      onTogglePin,
+      isInChat,
+      onToggleInChat,
       renderHeader: (params) => /* @__PURE__ */ jsx("span", { className: "text-[12.5px] font-medium", children: params.displayName }),
       renderRowActions: (fact) => onEdit && onDelete ? /* @__PURE__ */ jsx(FactRowActions, { onEdit: () => onEdit(fact), onDelete: () => onDelete(fact) }) : null,
       renderLabels: (fact) => /* @__PURE__ */ jsx("span", { className: "flex flex-wrap items-center gap-1", children: (fact.tags ?? []).map((tag) => /* @__PURE__ */ jsx(
@@ -499,7 +506,8 @@ function FactsTable({
       labels: columnLabels
     }),
     [
-      onTogglePin,
+      isInChat,
+      onToggleInChat,
       onToggleConfirmed,
       onToggleShared,
       onEdit,
@@ -535,7 +543,6 @@ function toFactRow(record) {
   return {
     external_id: record.id,
     text: record.text,
-    pinned: record.pinned ?? false,
     confirmed: record.confirmed ?? false,
     shared: record.shared ?? false,
     date_start: record.dateStart ?? null,
@@ -1326,7 +1333,7 @@ var DEFAULT_FACTS_FIELDS_BUTTON_LABELS = {
   fields: "Fields",
   defaultView: "Default view",
   columns: "Columns",
-  columnNames: { pinned: "Pinned" }
+  columnNames: { in_chat: "In chat" }
 };
 function FactsFieldsButton({
   getGridApi,
@@ -1734,24 +1741,24 @@ function FactComposer({
   );
 }
 var DEFAULT_FACTS_BULK_BAR_LABELS = {
-  unpin: "Unpin Facts",
-  pin: "Pin to Chats",
+  removeFromChat: "Remove from Chat",
+  addToChat: "Add to Chat",
   label: "Label",
   shared: "Shared",
   more: "More",
   export: "Export",
   delete: "Delete",
-  budgetHint: "Pinned facts ride every AI request, so they are always in context and share one budget. This estimates the tokens they add (\u22484 characters per token), capped at ~2,000.",
+  budgetHint: "Facts added to this chat are always in ARBI's context for this chat, so they share one budget. This estimates the tokens they add (\u22484 characters per token), capped at ~2,000.",
   budget: (tokens, cap) => `~${tokens}/${cap} tokens`,
-  unpinTooltip: (n) => `Unpin the selected ${n} so they no longer ride every chat`,
-  pinTooltip: (n) => `Pin the selected ${n} so they ride every chat with the assistant`,
+  removeFromChatTooltip: (n) => `Remove the selected ${n} from this chat`,
+  addToChatTooltip: (n) => `Add the selected ${n} to this chat, so they are always in its context`,
   labelTooltip: (n) => `Add or remove labels from selected ${n}`
 };
 function FactsBulkBar({
   count,
   onClear,
-  allSelectedPinned,
-  onTogglePin,
+  allSelectedInChat,
+  onToggleInChat,
   onLabel,
   sharedToggle,
   onExport,
@@ -1776,7 +1783,7 @@ function FactsBulkBar({
             budget.isOver ? "text-destructive" : "text-muted-foreground"
           ),
           title: l.budgetHint,
-          "data-testid": testIdOr(testIds?.budget, { testId: "facts-page-core-budget" }),
+          "data-testid": testIdOr(testIds?.budget, { testId: "facts-page-chat-budget" }),
           children: l.budget(budget.tokens.toLocaleString(), budget.cap.toLocaleString())
         }
       ) : null,
@@ -1784,14 +1791,14 @@ function FactsBulkBar({
         /* @__PURE__ */ jsx(
           SelectionBarAction,
           {
-            icon: allSelectedPinned ? PinOff : Pin,
-            label: allSelectedPinned ? l.unpin : l.pin,
-            onClick: onTogglePin,
+            icon: Paperclip,
+            label: allSelectedInChat ? l.removeFromChat : l.addToChat,
+            onClick: onToggleInChat,
             disabled: none,
             isCompact,
-            className: "border-yellow-border text-yellow-text hover:bg-yellow-bg hover:text-yellow-text",
-            tooltip: allSelectedPinned ? l.unpinTooltip(pluralNoun) : l.pinTooltip(pluralNoun),
-            testId: testIdOr(testIds?.pin, { testId: "bulk-pin-facts-button" })
+            className: "border-blue-border text-blue-text hover:bg-blue-bg hover:text-blue-text",
+            tooltip: allSelectedInChat ? l.removeFromChatTooltip(pluralNoun) : l.addToChatTooltip(pluralNoun),
+            testId: testIdOr(testIds?.inChat, { testId: "bulk-in-chat-facts-button" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2026,7 +2033,7 @@ var DEFAULT_FACT_SEARCH_BAR_LABELS = {
   submit: "Search"
 };
 var DEFAULT_FACT_SEARCH_RESULT_LABELS = {
-  core: "Core",
+  inChat: "In this chat",
   verified: "Verified",
   open: "Open"
 };
@@ -2152,7 +2159,7 @@ function FactSearchResult({
   terms,
   renderSnippet,
   labels,
-  isPinned,
+  isInChat,
   isVerified,
   isSelected,
   onOpen,
@@ -2189,11 +2196,18 @@ function FactSearchResult({
               testId: `facts-smart-search-hit-labels-${id}`
             }),
             children: [
-              isPinned && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 pr-1", children: [
-                /* @__PURE__ */ jsx(Pin, { className: "size-3" }),
-                " ",
-                l.core
-              ] }),
+              isInChat && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "inline-flex items-center gap-1 pr-1",
+                  "data-testid": `facts-smart-search-hit-in-chat-${id}`,
+                  children: [
+                    /* @__PURE__ */ jsx(Paperclip, { className: "size-3" }),
+                    " ",
+                    l.inChat
+                  ]
+                }
+              ),
               labels.map((tag) => /* @__PURE__ */ jsxs(
                 "span",
                 {