@inneranimalmedia/agentsam-sdk 2.6.9 → 2.6.11

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.11",
   "private": false,
   "description": "Reusable responsive navigation primitives for AgentSam dashboard-family applications.",
   "type": "module",

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

@@ -11,7 +11,7 @@ The package deliberately separates four concerns:
 
 ## Goals
 
-- Cloudflare-first without Cloudflare lock-in.
+- Runs well on Cloudflare 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.
@@ -105,3 +105,6 @@ Queue Control does not replace `@inneranimalmedia/agentsam-work-graph`. A WorkGr
 ## 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.
+
+<!-- agentsam:trademark-notice -->
+> Independent project. Not affiliated with, endorsed by, or sponsored by Cloudflare, Inc. or by any other company whose products are named here. Cloudflare is a registered trademark of Cloudflare, Inc. Other names are trademarks of their respective owners. See [TRADEMARKS](https://github.com/SamPrimeaux/agentsam-sdk/blob/main/TRADEMARKS.md).

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

@@ -1,7 +1,7 @@
 {
   "name": "@inneranimalmedia/agentsam-queue-control",
-  "version": "2.6.9",
-  "description": "Portable AgentSam queue, job-routing, batching, and execution-control primitives with Cloudflare-first adapters.",
+  "version": "2.6.11",
+  "description": "Portable AgentSam queue, job-routing, retry, scheduling, and execution-control primitives with provider adapters.",
   "type": "module",
   "main": "./src/index.js",
   "exports": {
@@ -11,7 +11,8 @@
     "./topology": "./src/topology.js",
     "./dispatch": "./src/dispatch.js",
     "./adapters/memory": "./src/adapters/memory.js",
-    "./adapters/cloudflare": "./src/adapters/cloudflare.js"
+    "./adapters/cloudflare": "./src/adapters/cloudflare.js",
+    "./adapters/sqlite": "./src/adapters/sqlite.js"
   },
   "files": [
     "src",

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

@@ -14,11 +14,27 @@
     "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"] },
+    "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",
@@ -31,7 +47,14 @@
         "external"
       ]
     },
-    "priority": { "enum": ["low", "normal", "high", "urgent"] },
+    "priority": {
+      "enum": [
+        "low",
+        "normal",
+        "high",
+        "urgent"
+      ]
+    },
     "status": {
       "enum": [
         "queued",
@@ -40,17 +63,94 @@
         "waiting",
         "batch_waiting",
         "awaiting_input",
+        "retry_scheduled",
         "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 }
+    "payload_ref": {
+      "type": [
+        "string",
+        "null"
+      ]
+    },
+    "metadata": {
+      "type": "object"
+    },
+    "retry": {
+      "type": "object",
+      "properties": {
+        "max_attempts": {
+          "type": "integer",
+          "minimum": 1
+        },
+        "backoff": {
+          "enum": [
+            "fixed",
+            "exponential"
+          ]
+        },
+        "initial_delay_ms": {
+          "type": "integer",
+          "minimum": 0
+        },
+        "max_delay_ms": {
+          "type": "integer",
+          "minimum": 0
+        },
+        "jitter": {
+          "type": "boolean"
+        }
+      },
+      "additionalProperties": true
+    },
+    "attempt": {
+      "type": "integer",
+      "minimum": 0
+    },
+    "created_at": {
+      "type": "integer",
+      "minimum": 0
+    },
+    "available_at": {
+      "type": "integer",
+      "minimum": 0
+    },
+    "source_run_id": {
+      "type": [
+        "string",
+        "null"
+      ]
+    },
+    "step_id": {
+      "type": [
+        "string",
+        "null"
+      ]
+    },
+    "idempotency_key": {
+      "type": "string",
+      "minLength": 1
+    },
+    "lease_owner": {
+      "type": [
+        "string",
+        "null"
+      ]
+    },
+    "lease_expires_at": {
+      "type": [
+        "integer",
+        "null"
+      ],
+      "minimum": 0
+    },
+    "lease_generation": {
+      "type": "integer",
+      "minimum": 0
+    }
   },
   "additionalProperties": true
 }

package/packages/agentsam-queue-control/src/adapters/cloudflare.js

@@ -6,6 +6,19 @@ function uniquePhysicalQueueNames(topology) {
   return [...new Set(Object.values(topology?.routes || {}).filter(Boolean))];
 }
 
+const MAX_CLOUDFLARE_DELAY_SECONDS = 86_400;
+
+export function delaySecondsForAvailableAt(availableAt, now = Math.floor(Date.now() / 1000)) {
+  if (availableAt == null) return 0;
+  const delay = Math.max(0, Math.ceil(Number(availableAt) - Number(now)));
+  if (delay > MAX_CLOUDFLARE_DELAY_SECONDS) {
+    const error = new RangeError('cloudflare_queue_delay_exceeds_24h');
+    error.code = 'delay_exceeds_provider_limit';
+    throw error;
+  }
+  return delay;
+}
+
 export class CloudflareQueueBindingAdapter {
   constructor({ bindings = {} } = {}) {
     this.bindings = bindings;
@@ -20,16 +33,25 @@ export class CloudflareQueueBindingAdapter {
   }
 
   async publish(queue, job, options = {}) {
-    await this.resolve(queue).send(job, options.send_options);
-    return { provider: 'cloudflare-binding', queue, accepted: 1 };
+    const sendOptions = { ...(options.send_options || {}) };
+    const delaySeconds = delaySecondsForAvailableAt(job.available_at, options.now);
+    if (delaySeconds > 0) sendOptions.delaySeconds = delaySeconds;
+    await this.resolve(queue).send(job, Object.keys(sendOptions).length ? sendOptions : undefined);
+    return { provider: 'cloudflare-binding', queue, accepted: 1, delay_seconds: delaySeconds };
   }
 
-  async publishBatch(queue, jobs) {
+  async publishBatch(queue, jobs, options = {}) {
     const binding = this.resolve(queue);
     if (typeof binding.sendBatch === 'function') {
-      await binding.sendBatch(jobs.map((body) => ({ body })));
+      await binding.sendBatch(jobs.map((body) => {
+        const delaySeconds = delaySecondsForAvailableAt(body.available_at, options.now);
+        return delaySeconds > 0 ? { body, delaySeconds } : { body };
+      }));
     } else {
-      await Promise.all(jobs.map((job) => binding.send(job)));
+      await Promise.all(jobs.map((job) => {
+        const delaySeconds = delaySecondsForAvailableAt(job.available_at, options.now);
+        return binding.send(job, delaySeconds > 0 ? { delaySeconds } : undefined);
+      }));
     }
     return { provider: 'cloudflare-binding', queue, accepted: jobs.length };
   }
@@ -91,6 +113,7 @@ export class CloudflareQueueApiAdapter {
     max_retries = 3,
     retry_delay = 5,
     max_concurrency,
+    dead_letter_queue = null,
   } = {}) {
     if (!script_name) throw new TypeError('script_name is required');
     const settings = {
@@ -109,6 +132,7 @@ export class CloudflareQueueApiAdapter {
       body: JSON.stringify({
         type: 'worker',
         script_name,
+        ...(dead_letter_queue ? { dead_letter_queue } : {}),
         settings,
       }),
     });
@@ -134,7 +158,11 @@ export class CloudflareQueueApiAdapter {
       if (consumer?.script_name) {
         const queueId = queue.queue_id ?? queue.id;
         if (!queueId) throw new Error(`cloudflare_queue_id_missing:${queueName}`);
-        await this.attachWorkerConsumer(queueId, consumer);
+        const physical = Object.values(topology.physical || {}).find((entry) => entry?.name === queueName);
+        await this.attachWorkerConsumer(queueId, {
+          ...consumer,
+          dead_letter_queue: consumer.dead_letter_queue || physical?.dead_letter || null,
+        });
       }
     }
 

package/packages/agentsam-queue-control/src/adapters/memory.js

@@ -18,8 +18,17 @@ export class MemoryQueueAdapter {
     return { provider: 'memory', queue, accepted: jobs.length };
   }
 
-  async pull(queue, max = 1) {
-    return this.#queue(queue).splice(0, Math.max(0, Number(max) || 1));
+  async pull(queue, max = 1, { now = Math.floor(Date.now() / 1000) } = {}) {
+    const items = this.#queue(queue);
+    const limit = Math.max(0, Number(max) || 1);
+    const ready = [];
+    const pending = [];
+    for (const item of items) {
+      if (ready.length < limit && (item.available_at ?? 0) <= now) ready.push(item);
+      else pending.push(item);
+    }
+    this.queues.set(queue, pending);
+    return ready;
   }
 
   async ensureTopology(topology) {