@makinbakin/sdk 0.0.1-rc.2 → 0.0.1-rc.20

package/README.md

@@ -86,6 +86,7 @@ component for a slot via `registerPlugin({ slots: { 'slot-name': Component } })`
 | `task-assets`         | Task drawer, asset attachments section                   |
 | `task-sidebar`        | Task drawer sidebar (custom panels for a plugin's tasks) |
 | `home-widget`         | Dashboard home widget grid                               |
+| `nav-badge-providers` | Background hook runners (render `null`) that drive `setNavBadge` |
 | `page:/<route>`       | Full-page mount at `<route>`                             |
 
 ## Sub-path imports

package/_internal/app/components/agent-select.d.ts

@@ -1,6 +1,11 @@
-interface AgentSelectProps {
+import type { AriaAttributes } from 'react';
+interface AgentSelectProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-invalid'> {
+    id?: string;
     value: string;
     onValueChange: (value: string) => void;
+    /** Include the workflow/task runtime assignee token (`$assigned`) */
+    includeAssigned?: boolean;
+    assignedLabel?: string;
     /** Show a "None" / "Unassigned" option at the top (default: false) */
     allowNone?: boolean;
     /** Label for the none option (default: "Unassigned") */
@@ -11,5 +16,5 @@ interface AgentSelectProps {
     agentIds?: string[];
     className?: string;
 }
-export declare function AgentSelect({ value, onValueChange, allowNone, noneLabel, placeholder, agentIds, className, }: AgentSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentSelect({ value, onValueChange, includeAssigned, assignedLabel, allowNone, noneLabel, placeholder, agentIds, className, id, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, }: AgentSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/_internal/app/components/confirm-dialog.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    /** Whether the dialog is shown. Controlled by the caller (e.g. `open={!!target}`). */
+    open: boolean;
+    title: ReactNode;
+    /** Body copy. Rendered inside DialogDescription (a `<p>`) — pass inline content; use `<span className="block">` for secondary lines. */
+    description?: ReactNode;
+    /** Confirm button label (default "Delete"). */
+    confirmLabel?: string;
+    /** Confirm label while busy (default = confirmLabel); a spinner is prepended. */
+    busyLabel?: string;
+    /** Cancel button label (default "Cancel"). */
+    cancelLabel?: string;
+    /** Cancel button variant (default "outline"). */
+    cancelVariant?: 'outline' | 'ghost';
+    /** Disables both buttons and shows a spinner on confirm while the action is in flight. */
+    busy?: boolean;
+    /** Inline error shown above the footer. */
+    error?: string | null;
+    /** Test id forwarded to the confirm button. */
+    confirmTestId?: string;
+    /** DialogContent className override (default width is `sm:max-w-sm`). */
+    className?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+/**
+ * A controlled confirmation dialog for destructive actions — the consolidation of
+ * six near-identical hand-rolled delete dialogs. The caller owns visibility (`open`)
+ * and the busy/error state of the in-flight action; the dialog never closes itself
+ * while `busy` so an action can't be cancelled mid-flight.
+ */
+export declare function ConfirmDialog({ open, title, description, confirmLabel, busyLabel, cancelLabel, cancelVariant, busy, error, confirmTestId, className, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

package/_internal/app/components/empty-state.d.ts

@@ -1,10 +1,19 @@
-import type { LucideIcon } from 'lucide-react';
+import type { ComponentType, ReactNode } from 'react';
 interface EmptyStateProps {
-    icon?: LucideIcon;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
     title: string;
-    description?: string;
-    action?: React.ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
     className?: string;
+    /**
+     * Visual size.
+     * - `default` — compact rounded chip + small title (the original SDK look).
+     * - `panel` — larger rounded-2xl chip + semibold title for full-tab empty
+     *   surfaces (folded in from the team plugin's former local variant).
+     */
+    variant?: 'default' | 'panel';
 }
-export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon: Icon, title, description, action, className, variant }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/_internal/app/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "destructive" | "link" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "destructive" | "default" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Badge, badgeVariants };

package/_internal/app/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "destructive" | "link" | "default" | "outline" | "secondary" | "ghost" | "warning" | "accent" | null | undefined;
+    variant?: "info" | "destructive" | "default" | "link" | "outline" | "secondary" | "ghost" | "warning" | "accent" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;

package/_internal/app/hooks/use-content-store.d.ts

@@ -5,18 +5,12 @@ interface AuditEntry {
     agent: string;
     data: Record<string, unknown>;
 }
-interface ReindexProgressEntry {
-    indexed: number;
-    done: boolean;
-}
 interface ContentStore extends ContentState {
     loading: boolean;
     auditEntries: AuditEntry[];
     activityEvents: ActivityEvent[];
     sseConnected: boolean;
-    taskboardVersion: number;
     debug: boolean;
-    reindexProgress: Record<string, ReindexProgressEntry>;
     setFiles: (files: Record<string, string>) => void;
     updateFile: (key: string, content: string) => void;
     setHeartbeats: (heartbeats: Record<string, Heartbeat>) => void;
@@ -25,11 +19,8 @@ interface ContentStore extends ContentState {
     appendActivityEvent: (event: ActivityEvent) => void;
     setActivityEvents: (events: ActivityEvent[]) => void;
     setSseConnected: (connected: boolean) => void;
-    bumpTaskboard: () => void;
     setDebug: (debug: boolean) => void;
     toggleDebug: () => void;
-    setReindexProgress: (table: string, indexed: number, done: boolean) => void;
-    clearReindexProgress: () => void;
     initialize: () => Promise<void>;
 }
 export declare const useContentStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ContentStore>>;

package/_internal/app/hooks/use-horizontal-resize.d.ts

@@ -0,0 +1,22 @@
+import { type ResizeHandleProps } from './use-resizable-pane';
+interface Options {
+    defaultWidth: number;
+    minWidth: number;
+    maxWidth: number;
+    /** When set, width is persisted in localStorage under `bakin-hresize:${storageKey}`. */
+    storageKey?: string;
+}
+interface Return {
+    width: number;
+    setWidth: (w: number) => void;
+    handleProps: ResizeHandleProps;
+}
+/**
+ * Resize a right-anchored panel by dragging its left edge. The handle lives at
+ * the left of the element; dragging left grows the panel, dragging right
+ * shrinks it. Keyboard: ArrowLeft/ArrowRight (Shift for a larger step). The
+ * companion to {@link useVerticalResize} for side-by-side split panes; both are
+ * thin wrappers over {@link useResizablePane}.
+ */
+export declare function useHorizontalResize({ defaultWidth, minWidth, maxWidth, storageKey }: Options): Return;
+export {};

package/_internal/app/hooks/use-json-fetch.d.ts

@@ -0,0 +1,21 @@
+export interface UseJsonFetchResult<T> {
+    /** Parsed JSON body, or null before the first successful load. */
+    data: T | null;
+    /** True while a request is in flight. */
+    loading: boolean;
+    /** Error message on a non-2xx response or a network/parse failure; null otherwise. */
+    error: string | null;
+    /** Re-run the fetch (e.g. after a mutation). */
+    refresh: () => void;
+}
+/**
+ * Cancellable JSON GET with the standard `{ data, loading, error, refresh }` lifecycle —
+ * the consolidation of the `let cancelled = false` fetch-in-useEffect boilerplate scattered
+ * across plugin components. Aborts the in-flight request on unmount or when `url` changes,
+ * so it never sets state after unmount.
+ *
+ * Pass `url = null` to skip fetching (e.g. until an id is known); `data` resets to null and
+ * `loading` is false while skipped. `opts` is read per-request but does NOT re-trigger on its
+ * own identity — change `url` or call `refresh()` to re-fetch.
+ */
+export declare function useJsonFetch<T>(url: string | null, opts?: RequestInit): UseJsonFetchResult<T>;

package/_internal/app/hooks/use-nav-badge.d.ts

@@ -0,0 +1,13 @@
+import { type NavBadge } from '@makinbakin/sdk';
+/**
+ * Sync a nav item's badge to the value passed each render. Calls
+ * `setNavBadge(pluginId, navItemId, badge)` only when the badge's value
+ * actually changes — the effect is keyed on a serialization of `count` +
+ * `tone`, not the object identity (which a parent recreates every render).
+ *
+ * This is the recommended glue for a badge provider: keep your own summary
+ * hook (fetch + refresh) per plugin, derive a `NavBadge | null`, and pass it
+ * here. Teardown is handled by `unregisterPlugin`, so this does not clear on
+ * unmount (which would flicker on dev hot-reload).
+ */
+export declare function useNavBadge(pluginId: string, navItemId: string, badge: NavBadge | null): void;

package/_internal/app/hooks/use-plugin-event.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Subscribe to server-pushed plugin events over the shell's SINGLE EventSource.
+ *
+ * The shell owns one `/api/events` connection (`use-sse.ts`) with reconnect +
+ * backoff. Plugins used to each open their own `new EventSource('/api/events')`
+ * — N connections, no reconnect. Instead the shell fans every
+ * `{ type: 'plugin-event', event, … }` payload into this process-global emitter,
+ * and components subscribe by event name here. The handler receives the full
+ * payload so it can filter on `assetId`/`taskId`/etc.
+ */
+export type PluginEventPayload = Record<string, unknown> & {
+    event?: string;
+};
+type Handler = (payload: PluginEventPayload) => void;
+/** Called by the shell SSE handler for every `plugin-event` payload. */
+export declare function emitPluginEvent(payload: PluginEventPayload): void;
+/** Run `handler` whenever the server pushes a plugin event named `event`. */
+export declare function usePluginEvent(event: string, handler: Handler): void;
+export {};

package/_internal/app/hooks/use-resizable-pane.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Shared core for the two split-pane resize hooks. A pane is anchored to the
+ * trailing edge (bottom for 'y', right for 'x') and resized by dragging the
+ * divider on its leading edge — dragging toward that edge (up / left) grows it.
+ * {@link useVerticalResize} and {@link useHorizontalResize} are thin wrappers;
+ * keep all drag / persistence / a11y logic here so it lives in exactly one place.
+ */
+export type ResizeAxis = 'x' | 'y';
+interface CoreOptions {
+    axis: ResizeAxis;
+    defaultSize: number;
+    minSize: number;
+    maxSize: number;
+    /** localStorage key suffix; persisted under `${storagePrefix}${storageKey}`. */
+    storageKey?: string;
+    storagePrefix: string;
+}
+export interface ResizeHandleProps {
+    role: 'separator';
+    tabIndex: 0;
+    'aria-orientation': 'horizontal' | 'vertical';
+    'aria-valuenow': number;
+    'aria-valuemin': number;
+    'aria-valuemax': number;
+    onMouseDown: (e: React.MouseEvent) => void;
+    onTouchStart: (e: React.TouchEvent) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+}
+export interface ResizablePane {
+    size: number;
+    setSize: (n: number) => void;
+    handleProps: ResizeHandleProps;
+}
+export declare function useResizablePane({ axis, defaultSize, minSize, maxSize, storageKey, storagePrefix }: CoreOptions): ResizablePane;
+export {};

package/_internal/app/hooks/use-schedule.d.ts

@@ -35,9 +35,10 @@ export interface ScheduleJob {
 export interface RunEntry {
     runId: string;
     timestamp: string;
-    status: 'success' | 'failure' | 'skipped';
+    status: 'success' | 'failure' | 'skipped' | 'pending';
     taskId?: string;
     error?: string;
+    skippedReason?: string;
 }
 interface UseScheduleOptions {
     agent?: string;

package/_internal/app/hooks/use-task-run-history.d.ts

@@ -0,0 +1,26 @@
+/** Task-level terminal outcome (mirrors plugins/tasks TaskOutcome). */
+export interface TaskOutcome {
+    state: 'done' | 'blocked' | 'archived' | 'in_progress';
+    /** Set when state === 'done' and a completion row exists. */
+    completedAt?: string;
+    /** Agent that recorded the completion, when known. */
+    agent?: string;
+}
+/** One dispatch attempt for a task (mirrors plugins/tasks TaskRunEntry). */
+export interface TaskRunEntry {
+    runId: string;
+    taskId: string;
+    seq: number;
+    agent: string;
+    status: 'running' | 'settled' | 'superseded' | 'lost';
+    startedAt: string;
+    settledAt?: string;
+    settleReason?: string;
+    durationMs?: number;
+}
+/** Fetch a task's dispatch run history (newest-first) + task outcome from the execution ledger. */
+export declare function useTaskRunHistory(taskId: string | null, limit?: number): {
+    runs: TaskRunEntry[];
+    outcome: TaskOutcome | undefined;
+    loading: boolean;
+};

package/_internal/app/hooks/use-vertical-resize.d.ts

@@ -1,3 +1,4 @@
+import { type ResizeHandleProps } from './use-resizable-pane';
 interface Options {
     defaultHeight: number;
     minHeight: number;
@@ -5,18 +6,16 @@ interface Options {
     /** When set, height is persisted in localStorage under `bakin-vresize:${storageKey}`. */
     storageKey?: string;
 }
-interface HandleProps {
-    onMouseDown: (e: React.MouseEvent) => void;
-    onTouchStart: (e: React.TouchEvent) => void;
-}
 interface Return {
     height: number;
     setHeight: (h: number) => void;
-    handleProps: HandleProps;
+    handleProps: ResizeHandleProps;
 }
 /**
- * Resize a panel by dragging its top edge. The handle lives at the top of the
- * element; dragging upward grows the panel, dragging downward shrinks it.
+ * Resize a bottom-anchored panel by dragging its top edge. The handle lives at
+ * the top of the element; dragging upward grows the panel, dragging downward
+ * shrinks it. Keyboard: ArrowUp/ArrowDown (Shift for a larger step). Thin
+ * wrapper over {@link useResizablePane}.
  */
 export declare function useVerticalResize({ defaultHeight, minHeight, maxHeight, storageKey }: Options): Return;
 export {};

package/_internal/app/types/index.d.ts

@@ -1,113 +1,8 @@
-export interface TaskLogEntry {
-    timestamp: string;
-    author: string;
-    message: string;
-}
-export interface Task {
-    id: string;
-    title: string;
-    agent?: string;
-    checked: boolean;
-    date?: string;
-    blockedReason?: string;
-    description?: string;
-    log?: TaskLogEntry[];
-}
-export interface TaskColumns {
-    inProgress: Task[];
-    todo: Task[];
-    done: Task[];
-    blocked: Task[];
-}
-export interface TaskBoard {
-    columns: TaskColumns;
-    timestamp?: string;
-}
-export type ColumnId = keyof TaskColumns;
-export interface CalendarEvent {
-    time?: string;
-    text: string;
-}
-export interface CalendarDay {
-    date: string;
-    label?: string;
-    events: CalendarEvent[];
-}
-export interface RecurringEvent {
-    schedule: string;
-    text: string;
-}
-export interface MemoryEntry {
-    type: 'decision' | 'learned' | 'note';
-    text: string;
-}
-export interface MemoryDay {
-    date: string;
-    entries: MemoryEntry[];
-}
 export interface Heartbeat {
     status: 'working' | 'idle' | 'down';
     currentTask?: string;
     timestamp: string;
 }
-export interface ProjectMeta {
-    filename: string;
-    title: string;
-    status?: string;
-    content: string;
-}
-export interface AssetVariantMeta {
-    role: 'thumbnail' | 'optimized' | 'webp';
-    path: string;
-    filename: string;
-    size: number;
-    mimeType: string;
-}
-export interface AssetMeta {
-    path: string;
-    filename: string;
-    type: 'text' | 'images' | 'video' | 'audio' | 'plans' | 'research' | 'pdf' | 'data' | 'other';
-    mimeType: string;
-    size: number;
-    mtimeMs?: number;
-    metadata: {
-        agent: string;
-        taskId: string | null;
-        created: string;
-        tool?: string;
-        description?: string;
-        tags?: string[];
-        originalFilename?: string;
-    };
-    variants?: AssetVariantMeta[];
-}
-export interface TrashedAssetMeta {
-    filename: string;
-    originalFilename: string;
-    type: string;
-    mimeType: string;
-    size: number;
-    deletedAt: string;
-    expiresAt: string;
-    metadata: {
-        agent: string;
-        taskId: string | null;
-        created: string;
-        tool?: string;
-        description?: string;
-        tags?: string[];
-    } | null;
-}
-export interface OfficeData {
-    asciiMap: string;
-    statusTable: {
-        agent: string;
-        status: string;
-        task: string;
-        heartbeat: string;
-    }[];
-    history: string[];
-}
 export interface ActivityEvent {
     id: string;
     ts: string;
@@ -118,6 +13,7 @@ export interface ActivityEvent {
     taskTitle?: string;
     eventName?: string;
     duplicate?: boolean;
+    data?: Record<string, unknown>;
 }
 export interface ContentState {
     files: Record<string, string>;