@inneranimalmedia/agentsam-sdk 2.6.2 → 2.6.3

package/packages/agentsam-nav/dist/legacy.css

@@ -0,0 +1,83 @@
+@import './shell.css';
+
+:root[data-theme="light"] {
+  --nav-glass-bg: color-mix(in srgb, var(--dashboard-panel, var(--color-card)) 72%, transparent);
+  --nav-glass-border: color-mix(in srgb, var(--dashboard-border, var(--color-border)) 60%, transparent);
+  --nav-glass-blur: 16px;
+}
+
+:root[data-theme="dark"],
+:root:not([data-theme="light"]) {
+  --nav-glass-bg: color-mix(in srgb, var(--dashboard-canvas, var(--color-background)) 55%, transparent);
+  --nav-glass-border: color-mix(in srgb, var(--solar-blue, var(--color-accent)) 25%, transparent);
+  --nav-glass-blur: 20px;
+}
+
+.agentsam-nav {
+  --agentsam-nav-width: 16.75rem;
+  --agentsam-nav-collapsed-width: 4.5rem;
+  box-sizing: border-box;
+  display: flex;
+  width: var(--agentsam-nav-width);
+  min-width: var(--agentsam-nav-width);
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+  color: var(--dashboard-text, var(--color-foreground));
+  background: var(--nav-glass-bg);
+  border-right: 1px solid var(--nav-glass-border);
+  backdrop-filter: blur(var(--nav-glass-blur)) saturate(150%);
+  -webkit-backdrop-filter: blur(var(--nav-glass-blur)) saturate(150%);
+  transition: width 180ms ease, min-width 180ms ease, transform 180ms ease;
+  z-index: 40;
+  position: relative;
+}
+
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) {
+  width: var(--agentsam-nav-collapsed-width);
+  min-width: var(--agentsam-nav-collapsed-width);
+}
+
+.agentsam-nav__header,
+.agentsam-nav__footer { padding: .75rem; }
+.agentsam-nav__footer { margin-top: auto; border-top: 1px solid var(--nav-glass-border); }
+.agentsam-nav__content { min-height: 0; flex: 1; overflow-y: auto; padding: .25rem .5rem .75rem; }
+.agentsam-nav__group + .agentsam-nav__group { margin-top: 1.25rem; }
+.agentsam-nav__group-label { margin: 0 0 .45rem; padding: 0 .55rem; color: var(--dashboard-text-muted, var(--color-muted-foreground)); font-size: .69rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
+.agentsam-nav__menu,
+.agentsam-nav__menu-sub { display: grid; gap: .2rem; margin: 0; padding: 0; list-style: none; }
+.agentsam-nav__menu-item { min-width: 0; list-style: none; }
+.agentsam-nav__menu-button,
+.agentsam-nav__menu-sub-button,
+.agentsam-nav__trigger { box-sizing: border-box; border: 1px solid transparent; color: inherit; font: inherit; cursor: pointer; }
+.agentsam-nav__menu-button { display: flex; width: 100%; min-height: 2.65rem; align-items: center; gap: .72rem; padding: .55rem .7rem; border-radius: .75rem; background: transparent; color: var(--dashboard-text-muted, var(--color-muted-foreground)); text-align: left; transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; }
+.agentsam-nav__menu-button:hover,
+.agentsam-nav__menu-button[data-active="true"] { color: var(--dashboard-text, var(--color-foreground)); background: color-mix(in srgb, var(--solar-cyan, var(--color-accent)) 12%, transparent); border-color: color-mix(in srgb, var(--nav-glass-border) 80%, transparent); }
+.agentsam-nav__menu-icon { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
+.agentsam-nav__menu-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; font-weight: 560; }
+.agentsam-nav__chevron { width: 1rem; height: 1rem; margin-left: auto; transition: transform 150ms ease; }
+.agentsam-nav__menu-button[aria-expanded="true"] .agentsam-nav__chevron { transform: rotate(90deg); }
+.agentsam-nav__collapsible-content { padding: .2rem 0 .3rem 1.75rem; }
+.agentsam-nav__menu-sub-button { display: block; padding: .46rem .6rem; border-radius: .55rem; color: var(--dashboard-text-muted, var(--color-muted-foreground)); font-size: .84rem; text-decoration: none; }
+.agentsam-nav__menu-sub-button:hover,
+.agentsam-nav__menu-sub-button[data-active="true"] { color: var(--dashboard-text, var(--color-foreground)); background: color-mix(in srgb, var(--solar-blue, var(--color-accent)) 12%, transparent); }
+.agentsam-nav__trigger { display: inline-grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: .72rem; background: color-mix(in srgb, var(--nav-glass-bg) 78%, transparent); color: var(--dashboard-text, var(--color-foreground)); }
+.agentsam-nav__trigger:hover { border-color: var(--nav-glass-border); background: color-mix(in srgb, var(--solar-cyan, var(--color-accent)) 14%, transparent); }
+.agentsam-nav__trigger svg { width: 1.25rem; height: 1.25rem; }
+.agentsam-nav__backdrop { position: fixed; inset: 0; z-index: 39; border: 0; background: rgb(0 0 0 / .46); }
+.agentsam-nav__resize-handle { position: absolute; inset: 0 -5px 0 auto; z-index: 2; width: 10px; cursor: col-resize; touch-action: none; }
+.agentsam-nav__resize-handle::after { position: absolute; top: 50%; right: 3px; width: 2px; height: 2.5rem; border-radius: 99px; background: var(--nav-glass-border); content: ''; opacity: 0; transform: translateY(-50%); transition: opacity 150ms ease; }
+.agentsam-nav:hover .agentsam-nav__resize-handle::after,
+.agentsam-nav__resize-handle:focus-visible::after { opacity: 1; }
+
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) .agentsam-nav__group-label,
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) .agentsam-nav__menu-label,
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) .agentsam-nav__chevron,
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) .agentsam-nav__collapsible-content { display: none; }
+.agentsam-nav[data-open="false"]:not([data-mobile="true"]):not([data-peeking="true"]) .agentsam-nav__menu-button { justify-content: center; padding-inline: .55rem; }
+
+.agentsam-nav[data-mobile="true"] { position: fixed; inset: 0 auto 0 0; width: min(100vw, 25rem); min-width: min(100vw, 25rem); transform: translateX(-101%); box-shadow: 1rem 0 4rem rgb(0 0 0 / .3); }
+.agentsam-nav[data-mobile="true"][data-open="true"] { transform: translateX(0); }
+.agentsam-nav[data-mobile="true"] .agentsam-nav__mobile-subview { position: absolute; inset: 0; z-index: 3; box-sizing: border-box; overflow-y: auto; padding: .75rem; background: var(--nav-glass-bg); backdrop-filter: blur(var(--nav-glass-blur)) saturate(150%); }
+.agentsam-nav__mobile-back { display: flex; width: 100%; min-height: 2.65rem; align-items: center; gap: .55rem; margin-bottom: .75rem; padding: .55rem .7rem; border: 1px solid transparent; border-radius: .75rem; color: var(--dashboard-text, var(--color-foreground)); background: color-mix(in srgb, var(--solar-cyan, var(--color-accent)) 12%, transparent); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
+.agentsam-nav__mobile-back:hover { border-color: var(--nav-glass-border); }

package/packages/agentsam-nav/dist/shell.css

@@ -0,0 +1,113 @@
+/* Portable semantic tokens. Scope never changes the host document or another instance. */
+.as-nav-scope {
+  --nav-canvas: #171717; --nav-sidebar: #212121; --nav-surface: #262626;
+  --nav-popover: #292929; --nav-text: #ececec; --nav-muted: #aaa;
+  --nav-border: #ffffff1a; --nav-hover: #ffffff0d; --nav-selected: #ffffff12;
+  --nav-danger: #ff8b8b; --nav-accent: #8b5cf6;
+  --nav-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --nav-label-size: 14px; --nav-meta-size: 12px; --nav-row-height: 36px;
+  --nav-radius: 8px; --nav-menu-radius: 14px; --nav-width: 264px; --nav-rail-width: 56px;
+  --nav-shadow: 0 16px 40px #0006;
+  color: var(--nav-text); font: 400 var(--nav-label-size)/1.45 var(--nav-font); color-scheme: dark;
+  box-sizing: border-box;
+}
+.as-nav-scope[data-nav-theme="light"] { --nav-canvas: #fafafa; --nav-sidebar: #f1f1f1; --nav-surface: #fff; --nav-popover: #fff; --nav-text: #202020; --nav-muted: #636363; --nav-border: #0000001f; --nav-hover: #00000008; --nav-selected: #0000000d; --nav-danger: #b42323; --nav-shadow: 0 16px 40px #0002; color-scheme: light; }
+@media (prefers-color-scheme: light) { .as-nav-scope[data-nav-theme="system"] { --nav-canvas: #fafafa; --nav-sidebar: #f1f1f1; --nav-surface: #fff; --nav-popover: #fff; --nav-text: #202020; --nav-muted: #636363; --nav-border: #0000001f; --nav-hover: #00000008; --nav-selected: #0000000d; --nav-danger: #b42323; --nav-shadow: 0 16px 40px #0002; color-scheme: light; } }
+.as-nav-scope *, .as-nav-scope *::before, .as-nav-scope *::after { box-sizing: border-box; }
+.as-nav-scope button, .as-nav-scope input, .as-nav-scope summary { font: inherit; color: inherit; }
+.as-nav-scope button { cursor: pointer; }
+.as-nav-scope button:disabled { opacity: .45; cursor: default; }
+.as-nav-scope :focus-visible { outline: 2px solid var(--nav-accent); outline-offset: 2px; }
+.as-nav-scope ::selection { background: color-mix(in srgb, var(--nav-accent) 35%, transparent); color: var(--nav-text); }
+.as-nav-scope svg { width: 18px; height: 18px; flex-shrink: 0; stroke-width: 1.65; }
+.as-nav-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 36px; min-height: 36px; padding: 6px 8px; background: transparent; border: 1px solid transparent; border-radius: var(--nav-radius); white-space: nowrap; }
+.as-nav-button:hover, .as-nav-button[data-state="open"] { background: var(--nav-hover); }
+.as-nav-button[aria-pressed="true"] { border-color: var(--nav-accent); }
+.as-nav-brand { position: relative; flex-shrink: 0; }
+.as-nav-brand img, .as-nav-brand-mark { display: grid; place-items: center; width: 24px; height: 24px; object-fit: contain; }
+.as-nav-brand img.as-nav-logo-light { display: none; }
+.as-nav-logo-light[data-fallback] { filter: brightness(0); }
+[data-nav-theme="light"] .as-nav-logo-dark { display: none; }
+[data-nav-theme="light"] .as-nav-brand img.as-nav-logo-light { display: block; }
+@media (prefers-color-scheme: light) { [data-nav-theme="system"] .as-nav-logo-dark { display: none; } [data-nav-theme="system"] .as-nav-brand img.as-nav-logo-light { display: block; } }
+.as-nav-topbar { display: flex; align-items: center; gap: 8px; min-width: 0; height: 56px; flex-shrink: 0; padding: 0 16px; background: var(--nav-canvas); border-bottom: 1px solid var(--nav-border); position: relative; }
+.as-nav-topbar--startup { border-bottom-color: transparent; }
+.as-nav-topbar-leading, .as-nav-topbar-actions { display: flex; align-items: center; gap: 4px; min-width: 0; }
+.as-nav-topbar-actions { flex-shrink: 0; }
+.as-nav-topbar-center { position: absolute; left: 50%; transform: translateX(-50%); }
+.as-nav-spacer { flex: 1; }
+.as-nav-context { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.as-nav-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.as-nav-project-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
+.as-nav-separator, .as-nav-mode-label { color: var(--nav-muted); }
+.as-nav-mode-label { white-space: nowrap; }
+.as-nav-mode-switch { display: flex; padding: 3px; gap: 2px; border-radius: 24px; background: var(--nav-surface); }
+.as-nav-mode-switch button { border: 0; border-radius: 20px; background: transparent; padding: 6px 24px; color: var(--nav-muted); }
+.as-nav-mode-switch button[aria-pressed="true"] { background: var(--nav-selected); color: var(--nav-text); }
+.as-nav-popover { z-index: 100; min-width: 224px; max-width: min(340px, calc(100vw - 24px)); max-height: var(--radix-dropdown-menu-content-available-height); overflow: auto; padding: 6px; background: var(--nav-popover); border: 1px solid var(--nav-border); border-radius: var(--nav-menu-radius); box-shadow: var(--nav-shadow); animation: as-nav-enter 120ms ease-out; }
+.as-nav-menu-heading { padding: 8px 10px; color: var(--nav-muted); font-size: var(--nav-meta-size); }
+.as-nav-menu-separator { height: 1px; margin: 6px 4px; background: var(--nav-border); }
+.as-nav-menu-row { display: flex; align-items: center; gap: 10px; min-height: var(--nav-row-height); padding: 8px 10px; border-radius: var(--nav-radius); cursor: pointer; outline: none; }
+.as-nav-menu-row[data-highlighted] { background: var(--nav-selected); }
+.as-nav-menu-row[data-disabled] { opacity: .45; cursor: default; }
+.as-nav-menu-row[data-destructive] { color: var(--nav-danger); }
+.as-nav-icon { display: grid; place-items: center; width: 18px; }
+.as-nav-avatar { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--nav-selected); overflow: hidden; }
+.as-nav-avatar img { width: 100%; height: 100%; object-fit: cover; }
+.as-nav-account--expanded .as-nav-button { width: 100%; justify-content: flex-start; }
+.as-nav-account-copy { display: flex; flex: 1; min-width: 0; text-align: left; flex-direction: column; }
+.as-nav-account-copy strong { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
+.as-nav-account-copy small { color: var(--nav-muted); font-size: var(--nav-meta-size); }
+.as-nav-sidenav-reserve { width: var(--nav-rail-width); flex-shrink: 0; position: relative; height: 100%; z-index: 45; }
+.as-nav-sidenav-reserve[data-open="true"] { width: var(--nav-width); }
+.as-nav-sidenav { display: flex; flex-direction: column; width: var(--nav-rail-width); height: 100%; background: var(--nav-sidebar); border-right: 1px solid var(--nav-border); position: absolute; inset: 0 auto 0 0; overflow: hidden; }
+.as-nav-sidenav[data-expanded="true"] { width: var(--nav-width); }
+.as-nav-sidenav-reserve[data-open="false"] .as-nav-sidenav[data-expanded="true"] { box-shadow: var(--nav-shadow); }
+.as-nav-sidenav-head { display: flex; align-items: center; min-height: 56px; padding: 8px; }
+.as-nav-sidenav-main { display: flex; flex: 1; min-height: 0; flex-direction: column; }
+.as-nav-destinations { padding: 4px 8px 12px; flex-shrink: 0; }
+.as-nav-destination { display: flex; align-items: center; gap: 12px; padding: 8px 12px; min-height: var(--nav-row-height); width: 100%; text-align: left; background: transparent; border: 0; border-radius: var(--nav-radius); }
+.as-nav-destination:hover, .as-nav-destination[data-active] { background: var(--nav-selected); }
+.as-nav-history { overflow-y: auto; flex: 1; min-height: 0; padding: 0 8px 16px; scrollbar-width: thin; scrollbar-color: var(--nav-border) transparent; }
+.as-nav-history h2 { font-size: var(--nav-meta-size); color: var(--nav-muted); font-weight: 500; margin: 20px 12px 8px; }
+.as-nav-search { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: var(--nav-muted); }
+.as-nav-search input { width: 100%; min-width: 0; background: transparent; border: 0; font-size: var(--nav-meta-size); }
+.as-nav-conversation { position: relative; display: flex; align-items: center; border-radius: var(--nav-radius); }
+.as-nav-conversation:hover, .as-nav-conversation:focus-within, .as-nav-conversation[data-active] { background: var(--nav-selected); }
+.as-nav-conversation-link { display:flex; align-items:center; gap:8px; flex: 1; min-width: 0; text-align: left; border: 0; background: transparent; padding: 9px 10px; white-space: nowrap; overflow: hidden; }
+.as-nav-conversation-link span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
+.as-nav-conversation-link svg { width:15px; height:15px; color:var(--nav-muted); }
+.as-nav-row-actions { display: none; padding-right: 4px; }
+.as-nav-row-actions .as-nav-button { min-width: 28px; min-height: 28px; padding: 5px; }
+.as-nav-row-actions svg { width: 14px; height: 14px; }
+.as-nav-conversation:hover .as-nav-row-actions, .as-nav-conversation:focus-within .as-nav-row-actions { display: flex; }
+.as-nav-project { border-radius: var(--nav-radius); }
+.as-nav-project[data-active] { background: color-mix(in srgb, var(--nav-accent) 9%, transparent); }
+.as-nav-project-row { display:flex; align-items:center; border-radius:var(--nav-radius); }
+.as-nav-project-row:hover, .as-nav-project-row:focus-within { background:var(--nav-selected); }
+.as-nav-project-toggle { display:flex; align-items:center; gap:8px; flex:1; min-width:0; border:0; background:transparent; padding:9px 10px; text-align:left; }
+.as-nav-project-toggle span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.as-nav-project-toggle > svg:last-child { width:14px; height:14px; color:var(--nav-muted); transition:transform .12s ease; }
+.as-nav-project-toggle[aria-expanded="true"] > svg:last-child { transform:rotate(180deg); }
+.as-nav-project-row:hover .as-nav-row-actions, .as-nav-project-row:focus-within .as-nav-row-actions { display:flex; }
+.as-nav-project-conversations { margin-left: 12px; border-left: 1px solid var(--nav-border); padding-left: 4px; }
+.as-nav-project-home { border: 0; background: transparent; color: var(--nav-muted) !important; padding: 8px 12px; font-size: var(--nav-meta-size) !important; }
+.as-nav-sidenav-foot { margin-top: auto; padding: 8px; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-expanded-only,
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-account-copy,
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-account .as-nav-button > svg { display: none; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-destination { justify-content:center; padding-inline:0; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-destination span { display:none; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-sidenav-foot .as-nav-button { width:100%; padding-inline:0; }
+.as-nav-empty { color: var(--nav-muted); padding: 12px; font-size: var(--nav-meta-size); }
+.as-nav-dialog-overlay { position: fixed; inset: 0; z-index: 80; background: #0008; }
+.as-nav-dialog { position: fixed; z-index: 81; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(400px, calc(100vw - 32px)); background: var(--nav-popover); border: 1px solid var(--nav-border); border-radius: var(--nav-menu-radius); padding: 24px; box-shadow: var(--nav-shadow); }
+.as-nav-dialog h2 { font-size: 18px; margin: 0 0 8px; }
+.as-nav-dialog p { color: var(--nav-muted); margin-bottom: 20px; }
+.as-nav-dialog input { background: var(--nav-surface); border: 1px solid var(--nav-border); padding: 10px 12px; border-radius: var(--nav-radius); width: 100%; }
+.as-nav-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
+.as-nav-mobile-drawer { position: fixed; z-index: 81; inset: 0 auto 0 0; display: flex; flex-direction: column; width: min(320px, 90vw); background: var(--nav-sidebar); }
+.as-nav-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
+@keyframes as-nav-enter { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
+@media (max-width: 767px) { .as-nav-topbar { padding: 0 8px; gap: 4px; } .as-nav-mode-label, .as-nav-share-label, .as-nav-project-name { display: none; } .as-nav-context { gap: 4px; } .as-nav-button { min-width: 44px; min-height: 44px; } .as-nav-menu-row { min-height: 44px; } .as-nav-topbar-center .as-nav-mode-switch button { padding-inline: 16px; } .as-nav-row-actions { display: flex; } }
+@media (prefers-reduced-motion: reduce) { .as-nav-scope *, .as-nav-scope *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

package/packages/agentsam-nav/dist/theme.css

@@ -0,0 +1,113 @@
+/* Portable semantic tokens. Scope never changes the host document or another instance. */
+.as-nav-scope {
+  --nav-canvas: #171717; --nav-sidebar: #212121; --nav-surface: #262626;
+  --nav-popover: #292929; --nav-text: #ececec; --nav-muted: #aaa;
+  --nav-border: #ffffff1a; --nav-hover: #ffffff0d; --nav-selected: #ffffff12;
+  --nav-danger: #ff8b8b; --nav-accent: #8b5cf6;
+  --nav-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --nav-label-size: 14px; --nav-meta-size: 12px; --nav-row-height: 36px;
+  --nav-radius: 8px; --nav-menu-radius: 14px; --nav-width: 264px; --nav-rail-width: 56px;
+  --nav-shadow: 0 16px 40px #0006;
+  color: var(--nav-text); font: 400 var(--nav-label-size)/1.45 var(--nav-font); color-scheme: dark;
+  box-sizing: border-box;
+}
+.as-nav-scope[data-nav-theme="light"] { --nav-canvas: #fafafa; --nav-sidebar: #f1f1f1; --nav-surface: #fff; --nav-popover: #fff; --nav-text: #202020; --nav-muted: #636363; --nav-border: #0000001f; --nav-hover: #00000008; --nav-selected: #0000000d; --nav-danger: #b42323; --nav-shadow: 0 16px 40px #0002; color-scheme: light; }
+@media (prefers-color-scheme: light) { .as-nav-scope[data-nav-theme="system"] { --nav-canvas: #fafafa; --nav-sidebar: #f1f1f1; --nav-surface: #fff; --nav-popover: #fff; --nav-text: #202020; --nav-muted: #636363; --nav-border: #0000001f; --nav-hover: #00000008; --nav-selected: #0000000d; --nav-danger: #b42323; --nav-shadow: 0 16px 40px #0002; color-scheme: light; } }
+.as-nav-scope *, .as-nav-scope *::before, .as-nav-scope *::after { box-sizing: border-box; }
+.as-nav-scope button, .as-nav-scope input, .as-nav-scope summary { font: inherit; color: inherit; }
+.as-nav-scope button { cursor: pointer; }
+.as-nav-scope button:disabled { opacity: .45; cursor: default; }
+.as-nav-scope :focus-visible { outline: 2px solid var(--nav-accent); outline-offset: 2px; }
+.as-nav-scope ::selection { background: color-mix(in srgb, var(--nav-accent) 35%, transparent); color: var(--nav-text); }
+.as-nav-scope svg { width: 18px; height: 18px; flex-shrink: 0; stroke-width: 1.65; }
+.as-nav-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 36px; min-height: 36px; padding: 6px 8px; background: transparent; border: 1px solid transparent; border-radius: var(--nav-radius); white-space: nowrap; }
+.as-nav-button:hover, .as-nav-button[data-state="open"] { background: var(--nav-hover); }
+.as-nav-button[aria-pressed="true"] { border-color: var(--nav-accent); }
+.as-nav-brand { position: relative; flex-shrink: 0; }
+.as-nav-brand img, .as-nav-brand-mark { display: grid; place-items: center; width: 24px; height: 24px; object-fit: contain; }
+.as-nav-brand img.as-nav-logo-light { display: none; }
+.as-nav-logo-light[data-fallback] { filter: brightness(0); }
+[data-nav-theme="light"] .as-nav-logo-dark { display: none; }
+[data-nav-theme="light"] .as-nav-brand img.as-nav-logo-light { display: block; }
+@media (prefers-color-scheme: light) { [data-nav-theme="system"] .as-nav-logo-dark { display: none; } [data-nav-theme="system"] .as-nav-brand img.as-nav-logo-light { display: block; } }
+.as-nav-topbar { display: flex; align-items: center; gap: 8px; min-width: 0; height: 56px; flex-shrink: 0; padding: 0 16px; background: var(--nav-canvas); border-bottom: 1px solid var(--nav-border); position: relative; }
+.as-nav-topbar--startup { border-bottom-color: transparent; }
+.as-nav-topbar-leading, .as-nav-topbar-actions { display: flex; align-items: center; gap: 4px; min-width: 0; }
+.as-nav-topbar-actions { flex-shrink: 0; }
+.as-nav-topbar-center { position: absolute; left: 50%; transform: translateX(-50%); }
+.as-nav-spacer { flex: 1; }
+.as-nav-context { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.as-nav-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.as-nav-project-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
+.as-nav-separator, .as-nav-mode-label { color: var(--nav-muted); }
+.as-nav-mode-label { white-space: nowrap; }
+.as-nav-mode-switch { display: flex; padding: 3px; gap: 2px; border-radius: 24px; background: var(--nav-surface); }
+.as-nav-mode-switch button { border: 0; border-radius: 20px; background: transparent; padding: 6px 24px; color: var(--nav-muted); }
+.as-nav-mode-switch button[aria-pressed="true"] { background: var(--nav-selected); color: var(--nav-text); }
+.as-nav-popover { z-index: 100; min-width: 224px; max-width: min(340px, calc(100vw - 24px)); max-height: var(--radix-dropdown-menu-content-available-height); overflow: auto; padding: 6px; background: var(--nav-popover); border: 1px solid var(--nav-border); border-radius: var(--nav-menu-radius); box-shadow: var(--nav-shadow); animation: as-nav-enter 120ms ease-out; }
+.as-nav-menu-heading { padding: 8px 10px; color: var(--nav-muted); font-size: var(--nav-meta-size); }
+.as-nav-menu-separator { height: 1px; margin: 6px 4px; background: var(--nav-border); }
+.as-nav-menu-row { display: flex; align-items: center; gap: 10px; min-height: var(--nav-row-height); padding: 8px 10px; border-radius: var(--nav-radius); cursor: pointer; outline: none; }
+.as-nav-menu-row[data-highlighted] { background: var(--nav-selected); }
+.as-nav-menu-row[data-disabled] { opacity: .45; cursor: default; }
+.as-nav-menu-row[data-destructive] { color: var(--nav-danger); }
+.as-nav-icon { display: grid; place-items: center; width: 18px; }
+.as-nav-avatar { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--nav-selected); overflow: hidden; }
+.as-nav-avatar img { width: 100%; height: 100%; object-fit: cover; }
+.as-nav-account--expanded .as-nav-button { width: 100%; justify-content: flex-start; }
+.as-nav-account-copy { display: flex; flex: 1; min-width: 0; text-align: left; flex-direction: column; }
+.as-nav-account-copy strong { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
+.as-nav-account-copy small { color: var(--nav-muted); font-size: var(--nav-meta-size); }
+.as-nav-sidenav-reserve { width: var(--nav-rail-width); flex-shrink: 0; position: relative; height: 100%; z-index: 45; }
+.as-nav-sidenav-reserve[data-open="true"] { width: var(--nav-width); }
+.as-nav-sidenav { display: flex; flex-direction: column; width: var(--nav-rail-width); height: 100%; background: var(--nav-sidebar); border-right: 1px solid var(--nav-border); position: absolute; inset: 0 auto 0 0; overflow: hidden; }
+.as-nav-sidenav[data-expanded="true"] { width: var(--nav-width); }
+.as-nav-sidenav-reserve[data-open="false"] .as-nav-sidenav[data-expanded="true"] { box-shadow: var(--nav-shadow); }
+.as-nav-sidenav-head { display: flex; align-items: center; min-height: 56px; padding: 8px; }
+.as-nav-sidenav-main { display: flex; flex: 1; min-height: 0; flex-direction: column; }
+.as-nav-destinations { padding: 4px 8px 12px; flex-shrink: 0; }
+.as-nav-destination { display: flex; align-items: center; gap: 12px; padding: 8px 12px; min-height: var(--nav-row-height); width: 100%; text-align: left; background: transparent; border: 0; border-radius: var(--nav-radius); }
+.as-nav-destination:hover, .as-nav-destination[data-active] { background: var(--nav-selected); }
+.as-nav-history { overflow-y: auto; flex: 1; min-height: 0; padding: 0 8px 16px; scrollbar-width: thin; scrollbar-color: var(--nav-border) transparent; }
+.as-nav-history h2 { font-size: var(--nav-meta-size); color: var(--nav-muted); font-weight: 500; margin: 20px 12px 8px; }
+.as-nav-search { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: var(--nav-muted); }
+.as-nav-search input { width: 100%; min-width: 0; background: transparent; border: 0; font-size: var(--nav-meta-size); }
+.as-nav-conversation { position: relative; display: flex; align-items: center; border-radius: var(--nav-radius); }
+.as-nav-conversation:hover, .as-nav-conversation:focus-within, .as-nav-conversation[data-active] { background: var(--nav-selected); }
+.as-nav-conversation-link { display:flex; align-items:center; gap:8px; flex: 1; min-width: 0; text-align: left; border: 0; background: transparent; padding: 9px 10px; white-space: nowrap; overflow: hidden; }
+.as-nav-conversation-link span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
+.as-nav-conversation-link svg { width:15px; height:15px; color:var(--nav-muted); }
+.as-nav-row-actions { display: none; padding-right: 4px; }
+.as-nav-row-actions .as-nav-button { min-width: 28px; min-height: 28px; padding: 5px; }
+.as-nav-row-actions svg { width: 14px; height: 14px; }
+.as-nav-conversation:hover .as-nav-row-actions, .as-nav-conversation:focus-within .as-nav-row-actions { display: flex; }
+.as-nav-project { border-radius: var(--nav-radius); }
+.as-nav-project[data-active] { background: color-mix(in srgb, var(--nav-accent) 9%, transparent); }
+.as-nav-project-row { display:flex; align-items:center; border-radius:var(--nav-radius); }
+.as-nav-project-row:hover, .as-nav-project-row:focus-within { background:var(--nav-selected); }
+.as-nav-project-toggle { display:flex; align-items:center; gap:8px; flex:1; min-width:0; border:0; background:transparent; padding:9px 10px; text-align:left; }
+.as-nav-project-toggle span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.as-nav-project-toggle > svg:last-child { width:14px; height:14px; color:var(--nav-muted); transition:transform .12s ease; }
+.as-nav-project-toggle[aria-expanded="true"] > svg:last-child { transform:rotate(180deg); }
+.as-nav-project-row:hover .as-nav-row-actions, .as-nav-project-row:focus-within .as-nav-row-actions { display:flex; }
+.as-nav-project-conversations { margin-left: 12px; border-left: 1px solid var(--nav-border); padding-left: 4px; }
+.as-nav-project-home { border: 0; background: transparent; color: var(--nav-muted) !important; padding: 8px 12px; font-size: var(--nav-meta-size) !important; }
+.as-nav-sidenav-foot { margin-top: auto; padding: 8px; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-expanded-only,
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-account-copy,
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-account .as-nav-button > svg { display: none; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-destination { justify-content:center; padding-inline:0; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-destination span { display:none; }
+.as-nav-sidenav:not([data-expanded="true"]) .as-nav-sidenav-foot .as-nav-button { width:100%; padding-inline:0; }
+.as-nav-empty { color: var(--nav-muted); padding: 12px; font-size: var(--nav-meta-size); }
+.as-nav-dialog-overlay { position: fixed; inset: 0; z-index: 80; background: #0008; }
+.as-nav-dialog { position: fixed; z-index: 81; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(400px, calc(100vw - 32px)); background: var(--nav-popover); border: 1px solid var(--nav-border); border-radius: var(--nav-menu-radius); padding: 24px; box-shadow: var(--nav-shadow); }
+.as-nav-dialog h2 { font-size: 18px; margin: 0 0 8px; }
+.as-nav-dialog p { color: var(--nav-muted); margin-bottom: 20px; }
+.as-nav-dialog input { background: var(--nav-surface); border: 1px solid var(--nav-border); padding: 10px 12px; border-radius: var(--nav-radius); width: 100%; }
+.as-nav-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
+.as-nav-mobile-drawer { position: fixed; z-index: 81; inset: 0 auto 0 0; display: flex; flex-direction: column; width: min(320px, 90vw); background: var(--nav-sidebar); }
+.as-nav-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
+@keyframes as-nav-enter { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
+@media (max-width: 767px) { .as-nav-topbar { padding: 0 8px; gap: 4px; } .as-nav-mode-label, .as-nav-share-label, .as-nav-project-name { display: none; } .as-nav-context { gap: 4px; } .as-nav-button { min-width: 44px; min-height: 44px; } .as-nav-menu-row { min-height: 44px; } .as-nav-topbar-center .as-nav-mode-switch button { padding-inline: 16px; } .as-nav-row-actions { display: flex; } }
+@media (prefers-reduced-motion: reduce) { .as-nav-scope *, .as-nav-scope *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

package/packages/agentsam-nav/dist/utils.d.ts

@@ -0,0 +1 @@
+export declare function cx(...values: Array<string | false | null | undefined>): string;

package/packages/agentsam-nav/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@inneranimalmedia/agentsam-nav",
+  "version": "0.1.0",
+  "private": false,
+  "description": "Reusable responsive navigation primitives for AgentSam dashboard-family applications.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "sideEffects": ["**/*.css"],
+  "license": "MIT",
+  "publishConfig": { "access": "public" },
+  "exports": {
+    ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },
+    "./browser": { "types": "./dist/browser.d.ts", "import": "./dist/browser.js" },
+    "./browser.global.js": "./dist/browser.global.js",
+    "./theme.css": "./dist/theme.css",
+    "./legacy.css": "./dist/legacy.css"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "build": "node scripts/build.mjs",
+    "test": "npm run build && node --test test/*.test.mjs",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "esbuild": "^0.28.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "lucide-react": "^0.510.0"
+  }
+}

package/packages/agentsam-queue-control/README.md

@@ -0,0 +1,107 @@
+# @inneranimalmedia/agentsam-queue-control
+
+Portable queue and execution-control primitives for AgentSam.
+
+The package deliberately separates four concerns:
+
+- **WorkGraph** answers what depends on what.
+- **Queue Control** answers when, where, and how a ready work unit executes.
+- **Provider adapters** perform the concrete queue or runtime operation.
+- **MCP/CLI/HTTP/UI** are exposure surfaces, not execution authority.
+
+## Goals
+
+- Cloudflare-first without Cloudflare lock-in.
+- One stable job envelope across CAD, code indexing, CMS, commerce, deployment, webhook, batch-AI, and future worker types.
+- Logical queues stay stable while physical topology can start compact and split later.
+- Deterministic routing keeps LLMs out of timers, polling loops, retries, and ordinary scheduling.
+- Infrastructure creation is approval-gated by default.
+- OpenAI/Gemini batch execution is represented as an executor choice, not confused with the queue itself.
+
+## Fast start
+
+```js
+import {
+  QueueControl,
+  MemoryQueueAdapter,
+  buildQueueTopology,
+} from '@inneranimalmedia/agentsam-queue-control';
+
+const queue = new QueueControl({
+  adapter: new MemoryQueueAdapter(),
+  topology: buildQueueTopology({
+    namespace: 'my-app',
+    environment: 'dev',
+    mode: 'compact',
+  }),
+});
+
+queue.register('cad.*', async (job) => {
+  return buildCadModel(job.payload);
+});
+
+await queue.enqueue({
+  account_id: account.id,
+  kind: 'cad.generate',
+  payload: { project_id: 'project_123' },
+});
+```
+
+The same application contract can later swap the adapter for Cloudflare Queues without rewriting job definitions.
+
+## Logical vs physical queues
+
+A developer can use stable logical lanes such as:
+
+```text
+deployments
+cad
+indexing
+cms
+webhooks
+batch_ai
+```
+
+In `compact` mode those lanes share one physical queue plus a DLQ. In `segmented` mode they can map to separate physical queues. Apps do not need to change when topology changes.
+
+## Cloudflare
+
+Two adapters are intentionally separate:
+
+- `CloudflareQueueBindingAdapter`: runtime publishing through Worker Queue bindings.
+- `CloudflareQueueApiAdapter`: control-plane provisioning through Cloudflare's account API.
+
+This avoids mixing application messages with infrastructure mutation credentials.
+
+Provisioning is approval-gated by `QueueControl.provision()` unless the host explicitly sets `routingPolicy.allow_infrastructure_mutation = true`.
+
+## Batch AI
+
+`routeWork()` can classify deferred, independent bulk inference as `openai_batch` or `gemini_batch`. Queue Control records and routes that decision; provider-specific batch clients can execute it behind the same job contract.
+
+## Multi-worker job kinds
+
+Use namespaced kinds instead of one giant worker:
+
+```text
+deploy.worker
+infra.migrate
+cad.generate
+cad.render
+code.index
+repository.index
+cms.publish
+commerce.order.sync
+webhook.process
+ai.batch.submit
+```
+
+Dispatch supports exact kinds and prefix wildcards such as `cad.*`.
+
+## Relationship to WorkGraph
+
+Queue Control does not replace `@inneranimalmedia/work-graph`. A WorkGraph can release ready nodes; Queue Control then schedules those nodes to an executor. Completion receipts can be projected back into the graph by the host.
+
+## Relationship to AgentSam tools and MCP
+
+The canonical capability/tool contract should sit above transports. A tool may be called inline, queued, from a WorkGraph, from a hook, from CLI, or exposed through MCP. Queue Control only owns execution routing and job lifecycle semantics.

package/packages/agentsam-queue-control/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@inneranimalmedia/agentsam-queue-control",
+  "version": "0.1.0",
+  "description": "Portable AgentSam queue, job-routing, batching, and execution-control primitives with Cloudflare-first adapters.",
+  "type": "module",
+  "main": "./src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./contracts": "./src/contracts.js",
+    "./policy": "./src/policy.js",
+    "./topology": "./src/topology.js",
+    "./dispatch": "./src/dispatch.js",
+    "./adapters/memory": "./src/adapters/memory.js",
+    "./adapters/cloudflare": "./src/adapters/cloudflare.js"
+  },
+  "files": [
+    "src",
+    "schemas",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "node --test test/*.test.mjs"
+  },
+  "engines": {
+    "node": ">=22 <25"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT"
+}

package/packages/agentsam-queue-control/schemas/job-envelope.schema.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://inneranimalmedia.com/schemas/agentsam/queue-control/job-envelope.v1.schema.json",
+  "title": "AgentSam Queue Job Envelope v1",
+  "type": "object",
+  "required": [
+    "schema_version",
+    "id",
+    "account_id",
+    "kind",
+    "executor",
+    "priority",
+    "status",
+    "created_at"
+  ],
+  "properties": {
+    "schema_version": { "const": "1" },
+    "id": { "type": "string", "minLength": 1 },
+    "account_id": { "type": "string", "minLength": 1 },
+    "kind": { "type": "string", "minLength": 1 },
+    "logical_queue": { "type": ["string", "null"] },
+    "executor": {
+      "enum": [
+        "inline",
+        "queue",
+        "workflow",
+        "execos",
+        "worker_rpc",
+        "openai_batch",
+        "gemini_batch",
+        "external"
+      ]
+    },
+    "priority": { "enum": ["low", "normal", "high", "urgent"] },
+    "status": {
+      "enum": [
+        "queued",
+        "claimed",
+        "running",
+        "waiting",
+        "batch_waiting",
+        "awaiting_input",
+        "completed",
+        "failed",
+        "cancelled"
+      ]
+    },
+    "payload": {},
+    "payload_ref": { "type": ["string", "null"] },
+    "metadata": { "type": "object" },
+    "retry": { "type": "object" },
+    "attempt": { "type": "integer", "minimum": 0 },
+    "created_at": { "type": "integer", "minimum": 0 }
+  },
+  "additionalProperties": true
+}