@octabits-io/nuxt-ui-kit 0.3.2 → 0.5.0

package/dist/ai/index.d.ts

@@ -129,6 +129,13 @@ interface AiProgressCoreOptions {
   fetchWorkflowStatus: (workflowId: number) => Promise<AiWorkflowStatusSnapshot | null>;
   /** Poll cadence while any tracked workflow is active. Default 3000ms. */
   intervalMs?: number;
+  /**
+   * Fired once per workflow when polling observes its transition to a
+   * terminal status (completed/failed/cancelled) — alongside the
+   * `completionSignal` bump, but carrying WHICH workflow finished. Use for
+   * per-workflow notifications (toasts, badges).
+   */
+  onTerminal?: (tracked: TrackedWorkflow) => void;
 }
 /**
  * Cross-page AI-workflow progress tracking — the setup body of an app's

package/dist/ai/index.js

@@ -241,7 +241,10 @@ function createAiProgressCore(options) {
 			tracked.totalSteps = workflow.totalSteps;
 			tracked.completedSteps = workflow.completedSteps;
 			tracked.progress = workflow.totalSteps > 0 ? workflow.completedSteps / workflow.totalSteps * 100 : 0;
-			if (wasActive && isTerminalStatus(workflow.status)) completionSignal.value++;
+			if (wasActive && isTerminalStatus(workflow.status)) {
+				completionSignal.value++;
+				options.onTerminal?.(tracked);
+			}
 		} catch {}
 	}
 	const { pause, resume } = createPausableInterval(pollActive, intervalMs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octabits-io/nuxt-ui-kit",
-  "version": "0.3.2",
+  "version": "0.5.0",
   "description": "Frontend kit for Nuxt/Vue admin SPAs: OIDC session harness (oidc-client-ts), Eden Treaty client factory, auth/org store cores, and a route-guard builder — factory-style seams the app wires into its own plugins, stores, and middleware",
   "license": "MIT",
   "type": "module",
@@ -75,7 +75,7 @@
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "zod": "^4.4.3",
-    "@octabits-io/framework": "^0.3.0"
+    "@octabits-io/framework": "^0.3.1"
   },
   "peerDependencies": {
     "@elysiajs/eden": "^1.4.0",

package/src/components/SubSidebar.vue

@@ -18,9 +18,22 @@ const props = withDefaults(defineProps<{
    * e.g. `?s=owner:42`) — the mobile slideover auto-closes when it changes.
    */
   selectionQueryKey?: string
+  /**
+   * Visibility classes for the persistent rail `<aside>`. Override to drive
+   * the rail/slideover switch from something other than the viewport — e.g.
+   * a named container query (`'hidden @3xl/main:flex'`) so the rail collapses
+   * when a docked panel squeezes the content column. Must be complete class
+   * literals (Tailwind extracts literals only) and must pair with
+   * `toggleVisibilityClass` (the toggle shows exactly while the rail hides).
+   */
+  railVisibilityClass?: string
+  /** Visibility classes for the toggle bar that opens the slideover. */
+  toggleVisibilityClass?: string
 }>(), {
   width: 'w-[240px]',
   selectionQueryKey: 's',
+  railVisibilityClass: 'hidden lg:flex',
+  toggleVisibilityClass: 'lg:hidden',
 })
 
 const open = ref(false)
@@ -63,7 +76,7 @@ watch(
       </USlideover>
 
       <aside
-        :class="['hidden shrink-0 flex-col overflow-hidden border-r border-default lg:flex', width]"
+        :class="['shrink-0 flex-col overflow-hidden border-r border-default', railVisibilityClass, width]"
       >
         <div v-if="!headerless" class="border-b border-default px-4 py-3">
           <h2 class="font-display text-lg font-semibold tracking-tight">{{ title }}</h2>
@@ -75,7 +88,7 @@ watch(
       </aside>
 
       <div class="flex min-w-0 flex-1 flex-col overflow-hidden">
-        <div class="flex shrink-0 items-center gap-2 border-b border-default px-3 py-2 lg:hidden">
+        <div :class="['flex shrink-0 items-center gap-2 border-b border-default px-3 py-2', toggleVisibilityClass]">
           <UButton
             :label="buttonLabel"
             icon="i-lucide-panel-left-open"