@intentic/extension-ui 1.209.0 → 1.210.0

package/dist/format.js

@@ -13,4 +13,5 @@ export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];
 export const formatWeekdayTime = m["formatWeekdayTime"];
+export const freshness = m["freshness"];
 export const timeAgo = m["timeAgo"];

package/dist/index.js

@@ -37,6 +37,7 @@ export const Markdown = m["Markdown"];
 export const MarkdownFigure = m["MarkdownFigure"];
 export const Modal = m["Modal"];
 export const NavRail = m["NavRail"];
+export const NoteEditor = m["NoteEditor"];
 export const Notice = m["Notice"];
 export const NoticeStack = m["NoticeStack"];
 export const Page = m["Page"];
@@ -46,6 +47,7 @@ export const Picker = m["Picker"];
 export const Popover = m["Popover"];
 export const ProgressRing = m["ProgressRing"];
 export const ProseField = m["ProseField"];
+export const RepoRail = m["RepoRail"];
 export const ResizeSeam = m["ResizeSeam"];
 export const ResponsiveOverlay = m["ResponsiveOverlay"];
 export const Row = m["Row"];
@@ -70,6 +72,7 @@ export const formatTime = m["formatTime"];
 export const formatTimestamp = m["formatTimestamp"];
 export const formatTokens = m["formatTokens"];
 export const formatWeekdayTime = m["formatWeekdayTime"];
+export const freshness = m["freshness"];
 export const isRenderableImage = m["isRenderableImage"];
 export const noticeFrom = m["noticeFrom"];
 export const noticeOf = m["noticeOf"];
@@ -84,6 +87,7 @@ export const useCompact = m["useCompact"];
 export const useDevice = m["useDevice"];
 export const useListNavigation = m["useListNavigation"];
 export const useNarrow = m["useNarrow"];
+export const useNoteDraft = m["useNoteDraft"];
 export const useNow = m["useNow"];
 export const useRailMemory = m["useRailMemory"];
 export const useTheme = m["useTheme"];

package/dist/types/extension-ui/src/format.d.ts

@@ -1 +1 @@
-export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "../../ui/src/format/index.js";
+export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, freshness, timeAgo, } from "../../ui/src/format/index.js";

package/dist/types/extension-ui/src/index.d.ts

@@ -1,5 +1,5 @@
-export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, Modal, type NavGroup, NavRail, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, TIME_WINDOWS, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useTheme, } from "../../ui/src/index.js";
-export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, timeAgo, } from "./format.js";
+export { AgentRunButton, type AgentRunChoice, type AgentRunPicker, type ModelPicking, useAgentRunPick, AnchoredOverlay, Avatar, BarChart, BottomSheet, BrandMark, Card, clipboardOf, ChangeStatusMark, type ChangeStatus, ui, Code, CodeField, ConfirmDialog, ContextMenu, CopyButton, StatusTally, type TallyItem, DagEditor, DagGraph, type DagEdge, type DagNode, DiffStat, FilterBar, Icon, type IconName, ImageView, InfoDialog, InfoHint, InfoTable, isRenderableImage, Markdown, MarkdownFigure, Modal, type NavGroup, NavRail, NoteEditor, type NoteDraft, type NoteDraftOptions, useNoteDraft, type NoticeModel, type NoticeTone, type NoticeAction, Notice, NoticeStack, Page, PageAction, PageHeader, ScrollFrame, Picker, type PickerGroup, type PickerOption, type PickerOptions, ProgressRing, RepoRail, type RepoRailAll, type RepoRailGroup, type RepoRailRow, ProseField, ResizeSeam, ResponsiveOverlay, Row, RowGroup, SearchBar, SegmentedControl, seriesColor, sinceOf, SplitView, StatStrip, StatusBadge, type StatusVariant, StepSection, TIME_WINDOWS, type TimeWindow, timeWindowWords, useCompact, useDevice, useListNavigation, useNow, errorMessage, noticeFrom, noticeOf, useAsyncAction, useNarrow, useRailMemory, useTheme, } from "../../ui/src/index.js";
+export { formatBytes, formatDate, formatDateTime, formatDayMonth, formatTime, formatTimestamp, formatTokens, formatWeekdayTime, freshness, timeAgo, } from "./format.js";
 export type { BarsFigure, BarsFigureItem, DagFigure, DagFigureEdge, DagFigureNode, Figure, FigureAccent, MermaidFigure, StatsFigure, StatsFigureItem, } from "../../ui/src/markdown/index.js";
 export { default as Button } from "primevue/button";
 export { default as Checkbox } from "primevue/checkbox";

package/dist/types/ui/src/components/NoteEditor.vue.d.ts

@@ -0,0 +1,52 @@
+type __VLS_Props = {
+    title: string;
+    raw: string;
+    editing: boolean;
+    showSource?: boolean;
+    loading?: boolean;
+    saving?: boolean;
+    removing?: boolean;
+    error?: string;
+    verb?: string;
+};
+declare var __VLS_9: {}, __VLS_12: {}, __VLS_20: {}, __VLS_23: {}, __VLS_47: {}, __VLS_65: {}, __VLS_67: {}, __VLS_92: {};
+type __VLS_Slots = {} & {
+    lead?: (props: typeof __VLS_9) => any;
+} & {
+    badges?: (props: typeof __VLS_12) => any;
+} & {
+    description?: (props: typeof __VLS_20) => any;
+} & {
+    meta?: (props: typeof __VLS_23) => any;
+} & {
+    actions?: (props: typeof __VLS_47) => any;
+} & {
+    strips?: (props: typeof __VLS_65) => any;
+} & {
+    confirm?: (props: typeof __VLS_67) => any;
+} & {
+    default?: (props: typeof __VLS_92) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => any;
+    cancel: () => any;
+    remove: () => any;
+    edit: () => any;
+    "update:source": (value: string) => any;
+    "update:confirming": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    "onUpdate:source"?: ((value: string) => any) | undefined;
+    "onUpdate:confirming"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ui/src/components/RepoRail.vue.d.ts

@@ -0,0 +1,17 @@
+import type { RepoRailAll, RepoRailGroup } from "./repoRail.js";
+type __VLS_Props = {
+    groups: readonly RepoRailGroup[];
+    all: RepoRailAll;
+    memory: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/ui/src/components/repoRail.d.ts

@@ -0,0 +1,21 @@
+import type { IconName } from "../icons/iconSets.js";
+export interface RepoRailRow {
+    readonly value: string;
+    readonly label: string;
+    readonly icon: IconName;
+    readonly meta: string;
+    readonly tone?: string;
+    readonly tooltip?: string;
+    readonly mono?: boolean;
+}
+export interface RepoRailGroup {
+    readonly key: string;
+    readonly label?: string;
+    readonly rows: readonly RepoRailRow[];
+}
+export interface RepoRailAll {
+    readonly icon: IconName;
+    readonly meta: string;
+    readonly tone?: string;
+    readonly tooltip?: string;
+}

package/dist/types/ui/src/composables/useNoteDraft.d.ts

@@ -0,0 +1,23 @@
+import { type ComputedRef, type Ref, type WritableComputedRef } from "vue";
+export interface NoteDraftOptions {
+    readonly draft: Ref<string | undefined>;
+    readonly raw: () => string;
+    readonly save: (content: string) => Promise<unknown>;
+    readonly remove: () => Promise<unknown>;
+    readonly note?: () => unknown;
+    readonly onLeave?: () => void;
+    readonly onRemoved?: () => void;
+}
+export interface NoteDraft {
+    readonly source: WritableComputedRef<string>;
+    readonly editing: ComputedRef<boolean>;
+    readonly confirming: Ref<boolean>;
+    readonly error: Readonly<Ref<string | undefined>>;
+    readonly saving: Readonly<Ref<boolean>>;
+    readonly removing: Readonly<Ref<boolean>>;
+    readonly startEdit: () => void;
+    readonly cancelEdit: () => void;
+    readonly saveDraft: () => Promise<void>;
+    readonly forget: () => Promise<void>;
+}
+export declare function useNoteDraft({ draft, raw, save, remove, note, onLeave, onRemoved }: NoteDraftOptions): NoteDraft;

package/dist/types/ui/src/index.d.ts

@@ -32,6 +32,8 @@ export { default as MarkdownFigure } from "./components/MarkdownFigure.vue";
 export { default as Modal } from "./components/Modal.vue";
 export { default as NavRail } from "./components/NavRail.vue";
 export { type NavGroup } from "./components/navRail.js";
+export { default as NoteEditor } from "./components/NoteEditor.vue";
+export { type NoteDraft, type NoteDraftOptions, useNoteDraft } from "./composables/useNoteDraft.js";
 export { default as Notice } from "./components/Notice.vue";
 export { default as NoticeStack } from "./components/NoticeStack.vue";
 export { type NoticeAction, type NoticeModel, type NoticeTone } from "./components/notice.js";
@@ -43,6 +45,8 @@ export { default as Picker } from "./components/Picker.vue";
 export { type PickerGroup, type PickerOption, type PickerOptions } from "./components/picker.js";
 export { default as ProgressRing } from "./components/ProgressRing.vue";
 export { default as ProseField } from "./components/ProseField.vue";
+export { default as RepoRail } from "./components/RepoRail.vue";
+export { type RepoRailAll, type RepoRailGroup, type RepoRailRow } from "./components/repoRail.js";
 export { default as ResizeSeam } from "./components/ResizeSeam.vue";
 export { default as ResponsiveOverlay } from "./components/ResponsiveOverlay.vue";
 export { default as Row } from "./components/Row.vue";

package/names.mjs

@@ -32,6 +32,7 @@ export const extensionUiNames = [
     "formatTimestamp",
     "formatTokens",
     "formatWeekdayTime",
+    "freshness",
     "Icon",
     "ImageView",
     "InfoDialog",
@@ -42,6 +43,7 @@ export const extensionUiNames = [
     "MarkdownFigure",
     "Modal",
     "NavRail",
+    "NoteEditor",
     "Notice",
     "noticeFrom",
     "noticeOf",
@@ -53,6 +55,7 @@ export const extensionUiNames = [
     "Popover",
     "ProgressRing",
     "ProseField",
+    "RepoRail",
     "ResizeSeam",
     "ResponsiveOverlay",
     "Row",
@@ -77,6 +80,7 @@ export const extensionUiNames = [
     "useDevice",
     "useListNavigation",
     "useNarrow",
+    "useNoteDraft",
     "useNow",
     "useRailMemory",
     "useTheme",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intentic/extension-ui",
-  "version": "1.209.0",
+  "version": "1.210.0",
   "description": "The UI kit intentic extensions render with — host-provided at runtime (the app's own components via the import map), so extension UI is always native to the shell",
   "license": "MIT",
   "type": "module",

package/src/format.ts

@@ -19,5 +19,6 @@ export {
     formatTimestamp,
     formatTokens,
     formatWeekdayTime,
+    freshness,
     timeAgo,
 } from "@intentic/ui/format";

package/src/index.ts

@@ -87,6 +87,18 @@ export {
     Modal,
     type NavGroup,
     NavRail,
+    /* <NoteEditor> and `useNoteDraft` ship because TWO extensions are a pane that reads a markdown file, lets
+     * somebody correct it and lets them delete it — knowledge and memory — and they had built the same thing
+     * twice: the same Copy/Edit/Delete cluster, the same Cancel/Save pair, the same in-place confirmation, the
+     * same draft-or-file binding, the same read-and-write-on-one-surface rule. They had already drifted in the
+     * ways a second copy does: one cleared its confirmation when a write failed and the other did not, and
+     * NEITHER caught a failing write, so the error strip filled in from the mutation while the click handler's
+     * promise rejected into the console. The component is the chrome and the composable is the lifecycle,
+     * separately, because what a note LOOKS like past the frame is exactly where the two panes differ. */
+    NoteEditor,
+    type NoteDraft,
+    type NoteDraftOptions,
+    useNoteDraft,
     /* <NoticeStack> and its model ship beside <ConfirmDialog> for the same reason <InfoDialog> does: a view
      * with several async actions needs somewhere for their failures to land that isn't one action's own row,
      * and a hand-rolled error strip is the first thing to disagree with the app's about tone and dismissal.
@@ -115,6 +127,15 @@ export {
     type PickerOption,
     type PickerOptions,
     ProgressRing,
+    /* <RepoRail> ships for the reason <SplitView> did, one level in: two extensions scope a workspace-wide
+     * board to one repository — maintenance and pipelines — and both had written the same column. Same pinned
+     * "All repositories" row outside every group, same one-number-per-row rule with the second fact as its
+     * colour, same swap to a <Picker> at the width the split folds at. What differs between them is the report
+     * behind it, which is why the rows arrive as data. */
+    RepoRail,
+    type RepoRailAll,
+    type RepoRailGroup,
+    type RepoRailRow,
     /* The writing field and the drag seam ship for the same reason <SplitView> did: an extension view that
      * wants prose typeset as a document, or a pane the reader can size, would otherwise hand-roll one — and
      * both recipes have a failure mode (a replica that disagrees with its field; a drag bound to the window)
@@ -177,6 +198,7 @@ export {
     formatTimestamp,
     formatTokens,
     formatWeekdayTime,
+    freshness,
     timeAgo,
 } from "./format.js";
 /* The figure vocabulary that <Markdown> renders from prose and <MarkdownFigure> renders from data. Types only —