@inneranimalmedia/agentsam-sdk 2.6.7 → 2.6.8

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-repository/src/goap.js

@@ -5,7 +5,6 @@ import { execFileSync } from 'node:child_process';
 import { tryResolveGitContext } from './git-context.js';
 import {
   createTicketId,
-  createAgentRunId,
   generateTicketCreateSql,
   generateTicketCloseSql,
 } from './tickets.js';
@@ -252,7 +251,6 @@ export async function createGoapGoal({
   if (!accId) throw new Error('account_id_required');
 
   const ticketId = createTicketId();
-  const agentRunId = createAgentRunId();
   const now = Math.floor(Date.now() / 1000);
 
   const { sql: ticketSql } = generateTicketCreateSql({
@@ -268,7 +266,6 @@ export async function createGoapGoal({
     repositoryId: repoId,
     ownerRef: repoId,
     source: 'agentsam_sdk',
-    agentRunId,
     now,
   });
 
@@ -305,7 +302,7 @@ ON CONFLICT(repository_id) DO UPDATE SET
   return {
     ok: true,
     ticketId,
-    agentRunId,
+    agentRunId: null,
     title: cleanTitle,
     status,
     priority,
@@ -338,23 +335,17 @@ export async function switchGoapGoal({
     query,
     wranglerConfig,
     databaseName,
-    sql: `SELECT id, account_id, repository_id FROM agentsam_tickets WHERE id = '${sqlEsc(tid)}' LIMIT 1;`,
+    sql: `SELECT id, account_id, repository_id, agent_run_id FROM agentsam_tickets WHERE id = '${sqlEsc(tid)}' LIMIT 1;`,
   });
   const ticket = lookup?.[0]?.results?.[0];
   const accId = clean(accountId);
   if (!ticket) throw new Error('ticket_not_found');
   if (ticket.repository_id && ticket.repository_id !== repoId) throw new Error('ticket_repository_mismatch');
   if (!accId || ticket.account_id !== accId) throw new Error('ticket_account_mismatch');
-  const runId = createAgentRunId();
 
   const sql = `
-INSERT INTO agentsam_agent_run (
-  id, account_id, mode, status, started_at_unix, created_at_unix, updated_at_unix
-) VALUES ('${sqlEsc(runId)}', '${sqlEsc(accId)}', 'agent', 'running', ${now}, ${now}, ${now});
-
 UPDATE agentsam_tickets SET
   status = 'active',
-  agent_run_id = '${sqlEsc(runId)}',
   updated_at = ${now}
 WHERE id = '${sqlEsc(tid)}';
 
@@ -385,7 +376,7 @@ ON CONFLICT(repository_id) DO UPDATE SET
     ok: true,
     ticketId: tid,
     repositoryId: repoId,
-    agentRunId: runId,
+    agentRunId: ticket.agent_run_id || null,
   };
 }
 
@@ -420,7 +411,7 @@ export async function closeGoapGoal({
     query,
     wranglerConfig,
     databaseName,
-    sql: `SELECT id, account_id, repository_id FROM agentsam_tickets WHERE id = '${sqlEsc(tid)}' LIMIT 1;`,
+    sql: `SELECT id, account_id, repository_id, agent_run_id FROM agentsam_tickets WHERE id = '${sqlEsc(tid)}' LIMIT 1;`,
   });
   const ticket = lookup?.[0]?.results?.[0];
   const accId = clean(accountId);
@@ -471,6 +462,8 @@ export function renderGoapStatus(state = {}) {
   const cp = state.cursor || {};
   const git = state.git || {};
   const headSha = git?.revisionSha || git?.headSha || 'unknown';
+  const localPlan = state.localPlan || null;
+  const world = state.worldSnapshot || null;
 
   return [
     '================================================================================',
@@ -487,6 +480,12 @@ export function renderGoapStatus(state = {}) {
     `Checkpoint:    ${ws.checkpoint_sha ? ws.checkpoint_sha.slice(0, 10) : 'none'} (Tracker cursor: ${cp.last_sha ? cp.last_sha.slice(0, 10) : 'none'})`,
     `Last Action:   ${ws.last_agent_action || 'none'}`,
     `Updated:       ${formatDate(ws.updated_at || ticket.updated_at)}`,
+    ...(localPlan ? [
+      `Plan:          ${localPlan.title} (${localPlan.tasks_done}/${localPlan.tasks_total})`,
+      `World:         ${world?.snapshot_id || 'local'} · Merkle ${world?.merkle_root ? world.merkle_root.slice(0, 20) + '…' : 'unknown'}`,
+      `Knowledge:     ${world?.knowledge_freshness?.status || 'unknown'}${world?.knowledge_freshness?.reason ? ' (' + world.knowledge_freshness.reason + ')' : ''}`,
+      `Actions:       ${world?.actions?.available?.length || 0} available · ${world?.actions?.blocked?.length || 0} blocked`,
+    ] : []),
     '--------------------------------------------------------------------------------',
     ...(!ticket.id && !ws.current_task_id ? [
       '  No active goal. What are you trying to achieve?',
@@ -499,7 +498,7 @@ export function renderGoapStatus(state = {}) {
       : ['  (no commits ingested yet)']),
     ...(state.stepsUnavailable
       ? ['--------------------------------------------------------------------------------',
-         '  (note: step/plan linkage unavailable — agentsam_plans has no agent_run_id column yet)']
+         '  (note: remote step/plan linkage is unavailable for this repository)']
       : []),
     '================================================================================',
   ].join('\n');