@anchrd/intel-ui 0.37.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={