@corbits/react-ui 0.1.0 → 0.3.0

package/dist/hooks/use-controllable-state.js

@@ -16,7 +16,8 @@ const isProduction = typeof process !== "undefined" && process.env?.NODE_ENV ===
  * logs a `console.error` in non-production builds, mirroring React's own
  * controlled/uncontrolled `<input>` warning; it does not throw, and the
  * production build is silent.
- */ export function useControllableState(options) {
+ */
+export function useControllableState(options) {
     const { value: controlledValue, defaultValue, onChange, name } = options;
     const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
     const isControlled = controlledValue !== undefined;
@@ -25,20 +26,27 @@ const isProduction = typeof process !== "undefined" && process.env?.NODE_ENV ===
     if (!isProduction && wasControlledRef.current !== isControlled) {
         const from = wasControlledRef.current ? "controlled" : "uncontrolled";
         const to = isControlled ? "controlled" : "uncontrolled";
-        console.error(`${name} is changing from ${from} to ${to}. Components should not switch between controlled ` + "and uncontrolled across their lifetime. Decide between using a controlled or uncontrolled " + `value for the lifetime of the component (i.e. always pass a value to \`${name}\`, or never do).`);
+        console.error(`${name} is changing from ${from} to ${to}. Components should not switch between controlled ` +
+            "and uncontrolled across their lifetime. Decide between using a controlled or uncontrolled " +
+            `value for the lifetime of the component (i.e. always pass a value to \`${name}\`, or never do).`);
     }
     wasControlledRef.current = isControlled;
-    const setValue = useCallback((action)=>{
-        const resolved = typeof action === "function" ? action(value) : action;
-        if (!isControlled) setUncontrolledValue(resolved);
-        onChange?.(resolved);
-    }, [
-        isControlled,
-        value,
-        onChange
-    ]);
-    return [
-        value,
-        setValue
-    ];
+    // Mirrors the uncontrolled state synchronously so batched functional updates
+    // chain off each other. Resolving inside a React updater instead would call
+    // `onChange` from that updater, which StrictMode invokes twice.
+    const latestUncontrolledRef = useRef(uncontrolledValue);
+    const setValue = useCallback((action) => {
+        const previous = isControlled
+            ? controlledValue
+            : latestUncontrolledRef.current;
+        const next = typeof action === "function"
+            ? action(previous)
+            : action;
+        if (!isControlled) {
+            latestUncontrolledRef.current = next;
+            setUncontrolledValue(next);
+        }
+        onChange?.(next);
+    }, [isControlled, controlledValue, onChange]);
+    return [value, setValue];
 }

package/dist/hooks/use-delayed-autofocus.js

@@ -6,15 +6,14 @@ import { CHAT_DOCK_AUTOFOCUS_DELAY_MS } from "../ui/chat-dock-timing.js";
  * still mid-animation, so the delay is deliberate rather than a magic number.
  * `delayMs` defaults to `CHAT_DOCK_AUTOFOCUS_DELAY_MS`, which is pinned `>=`
  * the dock's own entrance duration so focus never lands mid-animation.
- */ export function useDelayedAutofocus(ref, active, delayMs = CHAT_DOCK_AUTOFOCUS_DELAY_MS) {
-    useEffect(()=>{
-        if (!active) return;
-        const timer = window.setTimeout(()=>ref.current?.focus(), delayMs);
-        return ()=>window.clearTimeout(timer);
-    // `ref` is intentionally excluded: it is a stable container, and including
-    // it would refocus on every render that happens to produce a new object.
-    }, [
-        active,
-        delayMs
-    ]);
+ */
+export function useDelayedAutofocus(ref, active, delayMs = CHAT_DOCK_AUTOFOCUS_DELAY_MS) {
+    useEffect(() => {
+        if (!active)
+            return;
+        const timer = window.setTimeout(() => ref.current?.focus(), delayMs);
+        return () => window.clearTimeout(timer);
+        // `ref` is intentionally excluded: it is a stable container, and including
+        // it would refocus on every render that happens to produce a new object.
+    }, [active, delayMs]);
 }

package/dist/hooks/use-dismissable-popover.d.ts

@@ -2,8 +2,8 @@ import { type RefObject } from "react";
 import { type ControllableStateAction } from "./use-controllable-state.js";
 export type UseDismissablePopoverOptions = {
     /** Controlled open flag. Supply this with `onOpenChange` to lift state to a parent. */
-    readonly open?: boolean;
-    readonly onOpenChange?: (open: boolean) => void;
+    readonly open?: boolean | undefined;
+    readonly onOpenChange?: ((open: boolean) => void) | undefined;
     /** Seeds the hook's own state when `open` is not supplied. */
     readonly defaultOpen?: boolean;
     /** Escape closes the popover and returns focus to the trigger. Default `true`. */

package/dist/hooks/use-dismissable-popover.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from "react";
-import { useControllableState } from "./use-controllable-state.js";
+import { useControllableState, } from "./use-controllable-state.js";
 /**
  * The behavior every dismissable popover trigger shares: an open flag, a
  * pointer-down outside `rootRef` that closes it, and (by default) Escape that
@@ -16,49 +16,41 @@ import { useControllableState } from "./use-controllable-state.js";
  * a caller switches between them after mount — is `useControllableState`;
  * this hook only adds the popover-specific dismissal behavior on top.
  * `setOpen` takes a value or an updater, same as `useState`.
- */ export function useDismissablePopover(options = {}) {
-    const { open: controlledOpen, onOpenChange, defaultOpen = false, closeOnEscape = true } = options;
+ */
+export function useDismissablePopover(options = {}) {
+    const { open: controlledOpen, onOpenChange, defaultOpen = false, closeOnEscape = true, } = options;
     const [open, setOpen] = useControllableState({
         value: controlledOpen,
         defaultValue: defaultOpen,
         onChange: onOpenChange,
-        name: "useDismissablePopover"
+        name: "useDismissablePopover",
     });
     const rootRef = useRef(null);
     const triggerRef = useRef(null);
-    const close = useCallback(()=>{
+    const close = useCallback(() => {
         setOpen(false);
         triggerRef.current?.focus();
-    }, [
-        setOpen
-    ]);
-    useEffect(()=>{
-        if (!open) return;
-        const onPointerDown = (event)=>{
-            if (!(event.target instanceof Node)) return;
-            if (rootRef.current?.contains(event.target) === false) setOpen(false);
+    }, [setOpen]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onPointerDown = (event) => {
+            if (!(event.target instanceof Node))
+                return;
+            if (rootRef.current?.contains(event.target) === false)
+                setOpen(false);
         };
-        const onKeyDown = (event)=>{
-            if (!closeOnEscape || event.key !== "Escape") return;
+        const onKeyDown = (event) => {
+            if (!closeOnEscape || event.key !== "Escape")
+                return;
             close();
         };
         document.addEventListener("pointerdown", onPointerDown);
         document.addEventListener("keydown", onKeyDown);
-        return ()=>{
+        return () => {
             document.removeEventListener("pointerdown", onPointerDown);
             document.removeEventListener("keydown", onKeyDown);
         };
-    }, [
-        open,
-        close,
-        setOpen,
-        closeOnEscape
-    ]);
-    return {
-        open,
-        setOpen,
-        rootRef,
-        triggerRef,
-        close
-    };
+    }, [open, close, setOpen, closeOnEscape]);
+    return { open, setOpen, rootRef, triggerRef, close };
 }

package/dist/hooks/use-list-selection.js

@@ -1,67 +1,47 @@
 import { useCallback, useMemo, useReducer, useRef } from "react";
 function reducer(state, action) {
-    switch(action.type){
+    switch (action.type) {
         case "clear":
             return {
                 selectedIds: new Set(),
                 anchorId: undefined,
-                baseSelection: new Set()
+                baseSelection: new Set(),
             };
-        case "selectAll":
-            {
-                const all = new Set(action.ids);
-                return {
-                    selectedIds: all,
-                    anchorId: state.anchorId,
-                    baseSelection: all
-                };
-            }
-        case "toggle":
-            {
-                const { id, shiftKey, ids } = action;
-                if (shiftKey && state.anchorId !== undefined) {
-                    const anchorIndex = ids.indexOf(state.anchorId);
-                    const targetIndex = ids.indexOf(id);
-                    if (anchorIndex === -1 || targetIndex === -1) {
-                        // The anchor or target scrolled out of the known set — fall back
-                        // to a plain toggle rather than ranging over an index that no
-                        // longer means anything.
-                        const next = toggleOne(state.selectedIds, id);
-                        return {
-                            selectedIds: next,
-                            anchorId: id,
-                            baseSelection: next
-                        };
-                    }
-                    const [start, end] = anchorIndex <= targetIndex ? [
-                        anchorIndex,
-                        targetIndex
-                    ] : [
-                        targetIndex,
-                        anchorIndex
-                    ];
-                    const range = ids.slice(start, end + 1);
-                    const selectedIds = new Set(state.baseSelection);
-                    for (const rangeId of range)selectedIds.add(rangeId);
-                    return {
-                        ...state,
-                        selectedIds
-                    };
+        case "selectAll": {
+            const all = new Set(action.ids);
+            return { selectedIds: all, anchorId: state.anchorId, baseSelection: all };
+        }
+        case "toggle": {
+            const { id, shiftKey, ids } = action;
+            if (shiftKey && state.anchorId !== undefined) {
+                const anchorIndex = ids.indexOf(state.anchorId);
+                const targetIndex = ids.indexOf(id);
+                if (anchorIndex === -1 || targetIndex === -1) {
+                    // The anchor or target scrolled out of the known set — fall back
+                    // to a plain toggle rather than ranging over an index that no
+                    // longer means anything.
+                    const next = toggleOne(state.selectedIds, id);
+                    return { selectedIds: next, anchorId: id, baseSelection: next };
                 }
-                const next = toggleOne(state.selectedIds, id);
-                return {
-                    selectedIds: next,
-                    anchorId: id,
-                    baseSelection: next
-                };
+                const [start, end] = anchorIndex <= targetIndex
+                    ? [anchorIndex, targetIndex]
+                    : [targetIndex, anchorIndex];
+                const range = ids.slice(start, end + 1);
+                const selectedIds = new Set(state.baseSelection);
+                for (const rangeId of range)
+                    selectedIds.add(rangeId);
+                return { ...state, selectedIds };
             }
+            const next = toggleOne(state.selectedIds, id);
+            return { selectedIds: next, anchorId: id, baseSelection: next };
+        }
     }
 }
 function createInitialState() {
     return {
         selectedIds: new Set(),
         anchorId: undefined,
-        baseSelection: new Set()
+        baseSelection: new Set(),
     };
 }
 /**
@@ -92,56 +72,45 @@ function createInitialState() {
  * array each time (e.g. an inline `rows.map(row => row.id)`) — a memoized
  * row downstream that depends on `toggle` does not re-render just because
  * the caller didn't bother memoizing `ids`.
- */ export function useListSelection({ ids }) {
-    const [state, dispatch] = useReducer(reducer, undefined, createInitialState);
+ */
+export function useListSelection({ ids, }) {
+    const [state, dispatch] = useReducer((reducer), undefined, (createInitialState));
     // Updated on every render, read only inside event handlers — never during
     // render — so `toggle`/`selectAll` can stay referentially stable while
     // still acting on the `ids` most recently passed in.
     const idsRef = useRef(ids);
     idsRef.current = ids;
-    const toggle = useCallback((id, modifiers)=>dispatch({
-            type: "toggle",
-            id,
-            shiftKey: modifiers?.shiftKey ?? false,
-            ids: idsRef.current
-        }), []);
-    const selectAll = useCallback(()=>dispatch({
-            type: "selectAll",
-            ids: idsRef.current
-        }), []);
-    const clear = useCallback(()=>dispatch({
-            type: "clear"
-        }), []);
-    const selectedIds = useMemo(()=>{
+    const toggle = useCallback((id, modifiers) => dispatch({
+        type: "toggle",
+        id,
+        shiftKey: modifiers?.shiftKey ?? false,
+        ids: idsRef.current,
+    }), []);
+    const selectAll = useCallback(() => dispatch({ type: "selectAll", ids: idsRef.current }), []);
+    const clear = useCallback(() => dispatch({ type: "clear" }), []);
+    const selectedIds = useMemo(() => {
         const known = new Set(ids);
         const reconciled = new Set();
-        for (const id of state.selectedIds)if (known.has(id)) reconciled.add(id);
+        for (const id of state.selectedIds)
+            if (known.has(id))
+                reconciled.add(id);
         return reconciled;
-    }, [
-        state.selectedIds,
-        ids
-    ]);
-    const isSelected = useCallback((id)=>selectedIds.has(id), [
-        selectedIds
-    ]);
-    return useMemo(()=>({
-            selectedIds,
-            selectedCount: selectedIds.size,
-            isSelected,
-            toggle,
-            selectAll,
-            clear
-        }), [
+    }, [state.selectedIds, ids]);
+    const isSelected = useCallback((id) => selectedIds.has(id), [selectedIds]);
+    return useMemo(() => ({
         selectedIds,
+        selectedCount: selectedIds.size,
         isSelected,
         toggle,
         selectAll,
-        clear
-    ]);
+        clear,
+    }), [selectedIds, isSelected, toggle, selectAll, clear]);
 }
 function toggleOne(current, id) {
     const next = new Set(current);
-    if (next.has(id)) next.delete(id);
-    else next.add(id);
+    if (next.has(id))
+        next.delete(id);
+    else
+        next.add(id);
     return next;
 }

package/dist/hooks/use-prefers-reduced-motion.js

@@ -1,13 +1,16 @@
 import { useSyncExternalStore } from "react";
 const QUERY = "(prefers-reduced-motion: reduce)";
 function subscribe(callback) {
-    if (typeof window === "undefined") return ()=>{};
+    if (typeof window === "undefined")
+        return () => { };
     const query = window.matchMedia(QUERY);
     query.addEventListener("change", callback);
-    return ()=>query.removeEventListener("change", callback);
+    return () => query.removeEventListener("change", callback);
 }
 function getSnapshot() {
-    return typeof window === "undefined" ? false : window.matchMedia(QUERY).matches;
+    return typeof window === "undefined"
+        ? false
+        : window.matchMedia(QUERY).matches;
 }
 function getServerSnapshot() {
     return false;
@@ -23,6 +26,7 @@ function getServerSnapshot() {
  * and `use-scroll-current-into-view` each read `matchMedia` by hand before
  * this shipped; this is the one place that logic lives now, and — unlike
  * those one-shot reads — it updates if the preference changes while mounted.
- */ export function usePrefersReducedMotion() {
+ */
+export function usePrefersReducedMotion() {
     return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }

package/dist/hooks/use-scroll-current-into-view.js

@@ -16,18 +16,16 @@ import { usePrefersReducedMotion } from "./use-prefers-reduced-motion.js";
  * The scroll itself is smooth, but `scrollIntoView` isn't covered by the
  * theme's global reduced-motion block, so a `prefers-reduced-motion: reduce`
  * check here falls back to an instant jump.
- */ export function useScrollCurrentIntoView(currentKey) {
+ */
+export function useScrollCurrentIntoView(currentKey) {
     const currentRef = useRef(null);
     const prefersReducedMotion = usePrefersReducedMotion();
-    useEffect(()=>{
+    useEffect(() => {
         currentRef.current?.scrollIntoView({
             block: "nearest",
             inline: "center",
-            behavior: prefersReducedMotion ? "auto" : "smooth"
+            behavior: prefersReducedMotion ? "auto" : "smooth",
         });
-    }, [
-        currentKey,
-        prefersReducedMotion
-    ]);
+    }, [currentKey, prefersReducedMotion]);
     return currentRef;
 }

package/dist/index.d.ts

@@ -11,15 +11,11 @@ export * from "./lib/artifact.js";
 export * from "./lib/chart-palette.js";
 export * from "./lib/chat-message.js";
 export * from "./lib/chat-parts.js";
-export * from "./lib/csv.js";
 export * from "./lib/metrics.js";
 export * from "./lib/now-item.js";
 export * from "./lib/relative-time.js";
 export * from "./lib/theme.js";
-export * from "./lib/url.js";
-export * from "./lib/utils.js";
 export * from "./lib/workflow-display-flow.js";
-export * from "./lib/workflow-registry.js";
 export * from "./lib/workflow-run.js";
 export * from "./lib/workflow-run-error.js";
 export * from "./lib/workflow-run-progress.js";
@@ -39,17 +35,14 @@ export * from "./ui/card.js";
 export * from "./ui/category-bars.js";
 export * from "./ui/chart-frame.js";
 export * from "./ui/chat-composer.js";
-export * from "./ui/chat-dock-timing.js";
 export * from "./ui/chat-input.js";
 export * from "./ui/chat-panel.js";
 export * from "./ui/chat-thread.js";
 export * from "./ui/checkbox.js";
-export * from "./ui/command-palette.js";
 export * from "./ui/compare-body.js";
 export * from "./ui/confirm-button.js";
 export * from "./ui/corbits-mark.js";
 export * from "./ui/csv-table.js";
-export * from "./ui/dialog.js";
 export * from "./ui/dictation-status-line.js";
 export * from "./ui/dither-canvas.js";
 export * from "./ui/embed-body.js";
@@ -67,10 +60,8 @@ export * from "./ui/library-page-header.js";
 export * from "./ui/list-detail.js";
 export * from "./ui/live-run-banner.js";
 export * from "./ui/live-status-line.js";
-export * from "./ui/menu.js";
 export * from "./ui/message-bubble.js";
 export * from "./ui/mic-button.js";
-export * from "./ui/mic-permission-dialog.js";
 export * from "./ui/notifications-bell.js";
 export * from "./ui/now-cards.js";
 export * from "./ui/page-panel.js";
@@ -109,12 +100,10 @@ export * from "./ui/thinking-indicator.js";
 export * from "./ui/thinking-label.js";
 export * from "./ui/thinking-mark.js";
 export * from "./ui/time-series-chart.js";
-export * from "./ui/toast.js";
 export * from "./ui/token-mosaic.js";
 export * from "./ui/tool-block.js";
 export * from "./ui/tool-narrative.js";
 export * from "./ui/tool-picker.js";
-export * from "./ui/tooltip.js";
 export * from "./ui/top-bar.js";
 export * from "./ui/trace-waterfall.js";
 export * from "./ui/typing-indicator.js";

package/dist/index.js

@@ -1,12 +1,14 @@
-// Generated by scripts/generate-exports.mjs. Do not edit.
+// The public surface. Anything not re-exported here is internal.
 //
-// Re-exports only, and the package is sideEffects-free, so importing from
-// the root still tree-shakes down to what you used.
-//
-// Modules that statically import an optional peer dependency are absent here
-// on purpose and must be imported by their subpath. The barrel is a single
-// module: anything it re-exports is loaded by any root import, so one such
-// re-export would make the optional peer mandatory for everyone.
+// Modules that statically import an optional peer are not re-exported: the
+// barrel is one module, so any root import would load that peer. They have
+// their own entries in the `exports` map instead:
+//   @corbits/react-ui/ui/command-palette
+//   @corbits/react-ui/ui/dialog
+//   @corbits/react-ui/ui/menu
+//   @corbits/react-ui/ui/mic-permission-dialog
+//   @corbits/react-ui/ui/toast
+//   @corbits/react-ui/ui/tooltip
 export * from "./blocks/login/auth-layout.js";
 export * from "./blocks/login/login-form.js";
 export * from "./hooks/use-command-palette-navigation.js";
@@ -20,15 +22,11 @@ export * from "./lib/artifact.js";
 export * from "./lib/chart-palette.js";
 export * from "./lib/chat-message.js";
 export * from "./lib/chat-parts.js";
-export * from "./lib/csv.js";
 export * from "./lib/metrics.js";
 export * from "./lib/now-item.js";
 export * from "./lib/relative-time.js";
 export * from "./lib/theme.js";
-export * from "./lib/url.js";
-export * from "./lib/utils.js";
 export * from "./lib/workflow-display-flow.js";
-export * from "./lib/workflow-registry.js";
 export * from "./lib/workflow-run.js";
 export * from "./lib/workflow-run-error.js";
 export * from "./lib/workflow-run-progress.js";
@@ -48,17 +46,14 @@ export * from "./ui/card.js";
 export * from "./ui/category-bars.js";
 export * from "./ui/chart-frame.js";
 export * from "./ui/chat-composer.js";
-export * from "./ui/chat-dock-timing.js";
 export * from "./ui/chat-input.js";
 export * from "./ui/chat-panel.js";
 export * from "./ui/chat-thread.js";
 export * from "./ui/checkbox.js";
-export * from "./ui/command-palette.js";
 export * from "./ui/compare-body.js";
 export * from "./ui/confirm-button.js";
 export * from "./ui/corbits-mark.js";
 export * from "./ui/csv-table.js";
-export * from "./ui/dialog.js";
 export * from "./ui/dictation-status-line.js";
 export * from "./ui/dither-canvas.js";
 export * from "./ui/embed-body.js";
@@ -76,10 +71,8 @@ export * from "./ui/library-page-header.js";
 export * from "./ui/list-detail.js";
 export * from "./ui/live-run-banner.js";
 export * from "./ui/live-status-line.js";
-export * from "./ui/menu.js";
 export * from "./ui/message-bubble.js";
 export * from "./ui/mic-button.js";
-export * from "./ui/mic-permission-dialog.js";
 export * from "./ui/notifications-bell.js";
 export * from "./ui/now-cards.js";
 export * from "./ui/page-panel.js";
@@ -118,12 +111,10 @@ export * from "./ui/thinking-indicator.js";
 export * from "./ui/thinking-label.js";
 export * from "./ui/thinking-mark.js";
 export * from "./ui/time-series-chart.js";
-export * from "./ui/toast.js";
 export * from "./ui/token-mosaic.js";
 export * from "./ui/tool-block.js";
 export * from "./ui/tool-narrative.js";
 export * from "./ui/tool-picker.js";
-export * from "./ui/tooltip.js";
 export * from "./ui/top-bar.js";
 export * from "./ui/trace-waterfall.js";
 export * from "./ui/typing-indicator.js";

package/dist/lib/artifact.js

@@ -1,36 +1,13 @@
-/**
- * The shape an artifact surface renders.
- *
- * Deliberately not a mirror of any producer's row type: the registry has no
- * backend, so this is the projection a viewer actually needs — an identity, a
- * name, a kind, a payload, and enough provenance to caption a tile. Map your
- * own record onto it at the edge of your app and the whole artifacts family
- * works unchanged.
- */ const FORM_BY_SUFFIX = [
-    [
-        /(^|-)csv(-|$)|(^|-)sheet(-|$)|(^|-)table(-|$)/,
-        "table"
-    ],
-    [
-        /(^|-)comparison(-|$)|(^|-)compare(-|$)|^ab-/,
-        "comparison"
-    ],
-    [
-        /(^|-)research(-|$)|(^|-)brief(-|$)/,
-        "research"
-    ],
+const FORM_BY_SUFFIX = [
+    [/(^|-)csv(-|$)|(^|-)sheet(-|$)|(^|-)table(-|$)/, "table"],
+    [/(^|-)comparison(-|$)|(^|-)compare(-|$)|^ab-/, "comparison"],
+    [/(^|-)research(-|$)|(^|-)brief(-|$)/, "research"],
     [
         /(^|-)deck(-|$)|(^|-)presentation(-|$)|(^|-)slides(-|$)|(^|-)embed(-|$)/,
-        "embed"
+        "embed",
     ],
-    [
-        /(^|-)image(-|$)|(^|-)photo(-|$)|(^|-)screenshot(-|$)/,
-        "image"
-    ],
-    [
-        /(^|-)file(-|$)|(^|-)upload(-|$)|(^|-)binary(-|$)/,
-        "download"
-    ]
+    [/(^|-)image(-|$)|(^|-)photo(-|$)|(^|-)screenshot(-|$)/, "image"],
+    [/(^|-)file(-|$)|(^|-)upload(-|$)|(^|-)binary(-|$)/, "download"],
 ];
 /**
  * Guesses a form from a kind string, defaulting to prose.
@@ -46,10 +23,12 @@
  * Prose is the default because it is the only form that cannot mislead: text
  * rendered as text is always honest, whereas a non-tabular payload forced into
  * a grid silently shifts cells into the wrong columns.
- */ export function artifactForm(kind) {
+ */
+export function artifactForm(kind) {
     const normalized = kind.trim().toLowerCase();
-    for (const [pattern, form] of FORM_BY_SUFFIX){
-        if (pattern.test(normalized)) return form;
+    for (const [pattern, form] of FORM_BY_SUFFIX) {
+        if (pattern.test(normalized))
+            return form;
     }
     return "prose";
 }
@@ -60,8 +39,10 @@
  * first time a producer ships a kind nobody told the UI about, and an unlabelled
  * tile is worse than a mechanically-titled one. Pass your own labels through
  * the `kindLabel` prop where a surface offers it if you need better copy.
- */ export function artifactKindLabel(kind) {
+ */
+export function artifactKindLabel(kind) {
     const words = kind.trim().replace(/[_-]+/g, " ").replace(/\s+/g, " ");
-    if (words === "") return "Artifact";
+    if (words === "")
+        return "Artifact";
     return words.charAt(0).toUpperCase() + words.slice(1);
 }