@inneranimalmedia/agentsam-sdk 2.6.9 → 2.6.10

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

@@ -1,6 +1,6 @@
 {
   "name": "@inneranimalmedia/agentsam-nav",
-  "version": "2.6.9",
+  "version": "2.6.10",
   "private": false,
   "description": "Reusable responsive navigation primitives for AgentSam dashboard-family applications.",
   "type": "module",

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

@@ -1,6 +1,6 @@
 {
   "name": "@inneranimalmedia/agentsam-queue-control",
-  "version": "2.6.9",
+  "version": "2.6.10",
   "description": "Portable AgentSam queue, job-routing, batching, and execution-control primitives with Cloudflare-first adapters.",
   "type": "module",
   "main": "./src/index.js",

package/packages/agentsam-repository/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inneranimalmedia/agentsam-repository",
-  "version": "2.6.9",
+  "version": "2.6.10",
   "description": "Portable AgentSam repository identity, Merkle, semantic file metadata, persistence, and repository graph runtime contracts.",
   "type": "module",
   "main": "./src/index.js",