@anchrd/intel-ui 0.36.0 → 0.38.0

package/src/kind-icon.ts

@@ -1,4 +1,13 @@
-import { FileText, Folder, type LucideIcon, Paperclip, Table, Workflow } from "lucide-react";
+import {
+  CircleCheck,
+  FileText,
+  Folder,
+  KanbanSquare,
+  type LucideIcon,
+  Paperclip,
+  Table,
+  Workflow,
+} from "lucide-react";
 import type { TreeEntry } from "@/data/intel-data-provider/intel-data-provider.types.ts";
 
 /**
@@ -16,4 +25,11 @@ export const kindIcons: Record<TreeEntry["kind"], LucideIcon> = {
   attachment: Paperclip,
   table: Table,
   flow: Workflow,
+  // ⚠️ A board draws as a board, never as a folder, although it behaves like one in the tree. The
+  // icon is the ONLY thing that tells a reader the row will not open (D66, #376) — the chevron is
+  // absent, and an absent chevron looks exactly like an empty folder.
+  board: KanbanSquare,
+  // A task has an icon although the tree never draws one: the folder table, search results and the
+  // relation graph all reach a task by its own address, and each of them asks this map.
+  task: CircleCheck,
 };

package/src/node-editor/node-editor.tsx

@@ -14,13 +14,14 @@ import { ActionSlot } from "@/app/action-slot/action-slot.tsx";
 import { BlockNoteView, defaultSlashMenuItems } from "@/blocknote-view/blocknote-view.tsx";
 import { IntelRequestError } from "@/data/intel-data-provider/intel-data-provider.ts";
 import type { IntelDataProvider } from "@/data/intel-data-provider/intel-data-provider.types.ts";
+import { DocumentLinkProvider, documentLinkIds } from "@/document-link/document-link.tsx";
 import {
-  DocumentLinkProvider,
-  documentLinkIds,
   type IntelEditor,
   type IntelEditorPartialBlock,
   intelEditorSchema,
-} from "@/document-link/document-link.tsx";
+} from "@/editor-schema/editor-schema.ts";
+import { FrontmatterProvider } from "@/frontmatter/frontmatter.tsx";
+import { blocksToMarkdown, markdownToBlocks } from "@/frontmatter/frontmatter-markdown.ts";
 import type { I18n } from "@/i18n/i18n.types.ts";
 import { Modal } from "@/modal/modal.tsx";
 import { SaveButton, UnsavedChangesGuard } from "@/save-button/save-button.tsx";
@@ -135,7 +136,7 @@ export function NodeEditor({
         format: "blocknote",
         schemaVersion: 1,
         blocks,
-        markdown: await editor.blocksToMarkdownLossy(blocks),
+        markdown: await blocksToMarkdown(editor, blocks),
       });
       const node = await data.saveNode({
         nodeId: document.node.id,
@@ -163,7 +164,7 @@ export function NodeEditor({
 
   useEffect(() => {
     if (!document.content || initialBlocks) return;
-    const blocks = editor.tryParseMarkdownToBlocks(document.content);
+    const blocks = markdownToBlocks(editor, document.content);
     editor.replaceBlocks(editor.document, blocks);
     // ⚠️ Loading the content IS a change to the editor, and `onChange` reports it as one. This is
     // the line that keeps a document nobody has touched from asking to be saved: what was just
@@ -207,33 +208,40 @@ export function NodeEditor({
             unresolvedLabel: i18n.t("node.link.unresolved"),
           }}
         >
-          <BlockNoteView
-            editor={editor}
-            onChange={() => {
-              settle();
-              setLinkedIds(documentLinkIds(editor.document));
+          <FrontmatterProvider
+            value={{
+              summary: i18n.t("node.frontmatter.summary"),
+              expand: i18n.t("node.frontmatter.toggle"),
             }}
           >
-            {/* The `/` line BlockNote already has, with one item added. A second way to reach the
+            <BlockNoteView
+              editor={editor}
+              onChange={() => {
+                settle();
+                setLinkedIds(documentLinkIds(editor.document));
+              }}
+            >
+              {/* The `/` line BlockNote already has, with one item added. A second way to reach the
                 same thing would be the second way #41 exists to remove. */}
-            <SuggestionMenuController
-              triggerCharacter="/"
-              getItems={async (query) =>
-                filterSuggestionItems(
-                  [
-                    ...defaultSlashMenuItems(editor),
-                    {
-                      title: i18n.t("node.link.insert"),
-                      group: i18n.t("node.link.group"),
-                      icon: <Link2 aria-hidden="true" className="size-4" />,
-                      onItemClick: () => setPicking(true),
-                    },
-                  ],
-                  query,
-                )
-              }
-            />
-          </BlockNoteView>
+              <SuggestionMenuController
+                triggerCharacter="/"
+                getItems={async (query) =>
+                  filterSuggestionItems(
+                    [
+                      ...defaultSlashMenuItems(editor),
+                      {
+                        title: i18n.t("node.link.insert"),
+                        group: i18n.t("node.link.group"),
+                        icon: <Link2 aria-hidden="true" className="size-4" />,
+                        onItemClick: () => setPicking(true),
+                      },
+                    ],
+                    query,
+                  )
+                }
+              />
+            </BlockNoteView>
+          </FrontmatterProvider>
         </DocumentLinkProvider>
       </TitleRowScrollArea>
       {picking ? (

package/src/nodes/nodes.tsx

@@ -5,6 +5,7 @@ import { Download, Paperclip } from "lucide-react";
 import { lazy, Suspense } from "react";
 import { treeLevelKey } from "@/app/tree-move/tree-move.tsx";
 import { ViewToggle } from "@/app/view-toggle/view-toggle.tsx";
+import { BoardPanel } from "@/board/board-panel/board-panel.tsx";
 import { RefusalNotice } from "@/data/request-refusal/refusal-notice.tsx";
 import { refusalOf } from "@/data/request-refusal/request-refusal.ts";
 import { FolderContents } from "@/folder-contents/folder-contents.tsx";
@@ -160,6 +161,8 @@ export function Nodes() {
               <AttachmentPanel node={selected} />
             ) : selected.kind === "table" ? (
               <NodeTablePanel node={selected} />
+            ) : selected.kind === "board" ? (
+              <BoardPanel node={selected} />
             ) : document.data ? (
               <Suspense
                 fallback={

package/src/resource-menu/resource-menu.tsx

@@ -18,7 +18,7 @@ import {
   ShieldCheck,
 } from "lucide-react";
 import type * as React from "react";
-import { useId, useState } from "react";
+import { useState } from "react";
 import { AccessSummary } from "@/access-summary/access-summary.tsx";
 import { allTreeLevelsKey, moveErrorKey, useTreeMove } from "@/app/tree-move/tree-move.tsx";
 import {
@@ -154,11 +154,6 @@ export function ResourceMenu({
   // nowhere else: a person had strictly less reach on their own table than a model did.
   const isTable = node !== null && node.kind === "table";
   const bundleImport = useBundleImport({ where: title });
-  // ⚠️ Per instance, not a constant: the folder table renders one menu PER ROW, so a fixed id would
-  // put the same `id` in the document twenty times and every entry's name would resolve to the
-  // first one's.
-  const exportLabelId = useId();
-  const exportHintId = useId();
 
   // Everything a change here can make stale. The row sits in one level of the tree, the open screen
   // reads the record, and the flat collections behind the search, the link picker and the relation
@@ -323,38 +318,17 @@ export function ResourceMenu({
               (#534). That is the export's gap on every kind it can hit, not something this entry
               was covering — which is why it is fixed there and not by keeping a second entry.
 
-              ⚠️ The second line is not decoration and it belongs HERE rather than after the click
-              (#433, ADR-0006). A bundle carries one version per node; whoever moves an installation
-              this way loses every earlier one, and until now the only place that said so was
-              `excluded` in a `manifest.json` inside the zip — read, if ever, long after the source
-              installation is gone. A loss that cannot be undone has to be readable BEFORE the
-              gesture, and a menu item is where this gesture is chosen.
-
-              ⚠️ Its third clause is the flow half (#585), and it is a DIFFERENT loss from the first
-              two rather than an example of them: a published flow travels as its published graph,
-              so edits drafted since do not travel at all. Those edits are not an earlier version —
-              they are the newest state there is, and somebody reading only "earlier versions stay
-              behind" would expect the opposite of what happens. `Excluded` in `bundle.ts` names it
-              with a word of its own for the same reason.
-
-              ⚠️ It is the entry's DESCRIPTION, not part of its name: `aria-labelledby` keeps the
-              name at the one word every other entry here uses, and `aria-describedby` is what a
-              screen reader reads after it. Folding a whole sentence into the name would make this
-              the only entry in the menu somebody has to listen through to know what it does — and
-              the sentence is a condition of the action, which is what a description is for. */}
-          <DropdownMenuItem
-            className="items-start"
-            aria-labelledby={exportLabelId}
-            aria-describedby={exportHintId}
-            onSelect={() => exportBundle.mutate()}
-          >
-            <FolderDown aria-hidden="true" className="mt-0.5" />
-            <span className="flex flex-col gap-0.5">
-              <span id={exportLabelId}>{i18n.t("resource.export")}</span>
-              <span id={exportHintId} className="text-xs text-muted-foreground">
-                {i18n.t("resource.exportExcludes")}
-              </span>
-            </span>
+              ⚠️ The entry carried a three-clause description under its name until 2026-08-19, put
+              there by #433/ADR-0006 so that an irreversible loss was readable BEFORE the gesture: a
+              bundle takes one version per node, shares and runs stay behind, and a published flow
+              travels as its published graph (#585). Jack removed it — it was the only entry running
+              over two lines and it pushed the menu apart. What the reader now gets instead is
+              `excluded` in the zip's `manifest.json` and `BundleImportResult.excluded` after an
+              import, both of which are read only once the zip exists. That is a deliberate trade,
+              recorded in ADR-0006 and in #636, and NOT a leftover to be restored. */}
+          <DropdownMenuItem onSelect={() => exportBundle.mutate()}>
+            <FolderDown aria-hidden="true" />
+            {i18n.t("resource.export")}
           </DropdownMenuItem>
           {/* The other half of the same round trip, next to it rather than in the tree's plus
               (#346): one word in the menu, both sources under it. */}

package/src/title-row/title-row.tsx

@@ -69,11 +69,22 @@ export function TitleRow({
   title,
   description,
   target,
+  separated,
   children,
 }: {
   title: string;
   description?: string | null;
   target: ResourceTarget;
+  /**
+   * A separator that does NOT wait for a scroll.
+   *
+   * ⚠️ For a surface where scrolling cannot happen, and that is the only case it is for (#634). The
+   * edge below this row is normally `scrolled`, set by `TitleRowScrollArea` — which is right where
+   * content moves under the row. The flow canvas does not scroll, it pans: nothing ever sets
+   * `scrolled`, so the row sat on the dark canvas with no edge at all. Do not pass this where the
+   * content does scroll; a permanent edge there would replace a signal with decoration.
+   */
+  separated?: boolean;
   children?: ReactNode;
 }) {
   const scroll = useContext(TitleRowScrollContext);
@@ -88,7 +99,7 @@ export function TitleRow({
       data-scrolled={scroll?.scrolled || undefined}
       className={cn(
         "relative z-10 flex shrink-0 items-start justify-between gap-5 px-6 py-4 transition-shadow",
-        scroll?.scrolled && "shadow-[inset_0_-1px_0_var(--border)]",
+        (separated || scroll?.scrolled) && "shadow-[inset_0_-1px_0_var(--border)]",
       )}
     >
       <div className="flex min-w-0 items-center gap-3">