@tangle-network/agent-app 0.60.177 → 0.60.179

package/dist/studio-react/index.js

@@ -39,8 +39,8 @@ import {
 } from "../chunk-6PRQ45QE.js";
 import {
   useInfiniteScroll
-} from "../chunk-4WEUWCA4.js";
-import "../chunk-QJYJOMMO.js";
+} from "../chunk-EQRVOMMS.js";
+import "../chunk-A2GG4D4A.js";
 import "../chunk-SJWIZT7B.js";
 import {
   CheckGlyph,

package/dist/theme/tokens.css

@@ -1745,6 +1745,164 @@
     --text-dim: #9496bc;
 }
 }
+/* Framework-neutral opt-in presentation. Load fonts from the application's origin. */
+[data-typography="expressive"],
+[data-typography="expressive"] :is([data-theme], [data-sandbox-ui], [data-sandbox-theme], .dark, .light) {
+  --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
+  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, monospace;
+  font-family: var(--font-sans);
+}
+.tangle-intro {
+  position: relative;
+  isolation: isolate;
+  overflow: clip;
+  padding: var(--hero-padding-top) var(--hero-gutter) var(--hero-padding-bottom);
+  text-align: center;
+  color: hsl(var(--foreground));
+  background: hsl(var(--background));
+}
+.tangle-intro::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  opacity: var(--hero-atmosphere-opacity);
+  background: radial-gradient(ellipse at 50% 0%, hsl(var(--primary)), transparent 70%);
+}
+.tangle-intro[data-grid]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  background-image: linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);
+  background-size: var(--hero-grid-pitch) var(--hero-grid-pitch);
+  mask-image: radial-gradient(ellipse at top, black, transparent 75%);
+}
+.tangle-display {
+  margin: 0 auto;
+  max-width: var(--display-max-width);
+  overflow-wrap: anywhere;
+  font-family: var(--font-display);
+  font-size: var(--font-size-display);
+  line-height: var(--line-height-display);
+  letter-spacing: var(--tracking-display);
+  font-weight: 700;
+  color: hsl(var(--foreground));
+}
+.tangle-display[data-gradient] {
+  background-image: var(--display-gradient);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+}
+.tangle-intro-description {
+  margin: var(--hero-content-gap) auto 0;
+  max-width: var(--reading-max-width);
+  color: hsl(var(--muted-foreground));
+  font-size: clamp(1rem, 0.8rem + 1vw, 1.25rem);
+  line-height: 1.625;
+}
+.tangle-intro-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--hero-action-gap);
+  margin-top: 2.5rem;
+}
+.tangle-control-display {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--hero-action-gap);
+  min-height: var(--display-control-height);
+  padding: 0 1.5rem;
+  border: 1px solid transparent;
+  border-radius: var(--display-control-radius);
+  font: 600 var(--display-control-font-size)/1 var(--font-sans);
+  text-decoration: none;
+  white-space: nowrap;
+  box-shadow: var(--display-control-shadow);
+  cursor: pointer;
+  transition: transform var(--motion-control);
+}
+.tangle-control-display:not([data-variant]), .tangle-control-display[data-variant="default"] { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
+.tangle-control-display[data-variant="outline"] {
+  background: hsl(var(--card));
+  color: hsl(var(--card-foreground));
+  border-color: hsl(var(--border));
+  box-shadow: none;
+}
+.tangle-control-display:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
+.tangle-control-display:disabled, .tangle-control-display[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
+@media (hover: hover) and (pointer: fine) {
+  .tangle-control-display:not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-1px); }
+}
+.tangle-control-display:not(:disabled):not([aria-disabled="true"]):active { transform: translateY(1px); }
+.tangle-intro-knot {
+  position: absolute;
+  z-index: -1;
+  pointer-events: none;
+  width: clamp(30rem, 45vw, 40rem);
+  height: auto;
+  right: -10rem;
+  top: 1.5rem;
+  opacity: var(--hero-knot-opacity);
+  rotate: -14deg;
+}
+.tangle-intro-knot > svg { width: 100%; height: auto; }
+.tangle-intro[data-motion] { animation: tangle-intro-enter var(--motion-arrive) both; }
+@keyframes tangle-intro-enter { from { opacity: 0; transform: translateY(var(--arrive-distance)); } to { opacity: 1; transform: none; } }
+@media (prefers-reduced-motion: reduce) {
+  .tangle-intro, .tangle-intro *, .tangle-control-display { animation: none !important; transition: none !important; transform: none !important; }
+}
+@media (forced-colors: active) {
+  .tangle-display[data-gradient] { background: none; color: CanvasText; }
+  .tangle-intro::before, .tangle-intro::after { display: none; }
+}
+/* Nonvisual presence markers let Radix retain its lifecycle while the shared
+ * surface adapter retargets geometry. Distinct names preserve interrupted exit. */
+@keyframes tangle-surface-present { from { --tangle-presence: 0; } to { --tangle-presence: 1; } }
+@keyframes tangle-surface-absent { from { --tangle-presence: 1; } to { --tangle-presence: 0; } }
+/* Requires Brand styles; the same contracts serve React and Hono. */
+.tangle-heading { color: hsl(var(--foreground)); font-family: var(--font-display); font-weight: 600; line-height: var(--line-height-heading); letter-spacing: var(--tracking-tight); }
+.tangle-heading[data-variant="display"] { font-size: var(--font-size-display); line-height: var(--line-height-display); }
+.tangle-heading[data-variant="hero"] { font-size: var(--font-size-hero); line-height: var(--line-height-display); }
+.tangle-heading[data-variant="page"] { font-size: var(--font-size-3xl); }
+.tangle-heading[data-variant="section"] { font-size: var(--font-size-xl); }
+.tangle-heading[data-variant="subsection"] { font-size: var(--font-size-lg); }
+.tangle-heading[data-variant="eyebrow"] { font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: hsl(var(--muted-foreground)); }
+.tangle-page-header { min-width: 0; margin-bottom: 1.5rem; }
+.tangle-page-header-main { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5rem; }
+.tangle-intro .tangle-page-header-main { display: block; }
+.tangle-reading-shell { display: grid; grid-template-columns: minmax(0,1fr); gap: 2rem; padding: 2rem var(--hero-gutter); max-width: var(--content-max-width); margin: auto; min-width: 0; }
+.tangle-reading-shell > * { min-width: 0; }
+.tangle-reading-article { width: 100%; max-width: var(--reading-max-width); overflow-wrap: anywhere; }
+.tangle-reading-nav a, .tangle-reading-outline a { display: block; padding: 0.5rem 0; color: hsl(var(--muted-foreground)); text-decoration: none; }
+.tangle-reading-nav a[aria-current]:not([aria-current="false"]), .tangle-reading-outline a[aria-current]:not([aria-current="false"]) { color: var(--accent-text); font-weight: 600; }
+@media(min-width: 64rem) {
+  .tangle-reading-shell { grid-template-columns: 13rem minmax(0,1fr); }
+  .tangle-reading-outline { display: none; }
+  .tangle-reading-nav { position: sticky; top: var(--shell-header-height); align-self: start; max-height: calc(100dvh - var(--shell-header-height)); overflow: auto; }
+}
+@media(min-width: 80rem) {
+  .tangle-reading-shell:has(.tangle-reading-outline) { grid-template-columns: 13rem minmax(0,1fr) 11rem; }
+  .tangle-reading-outline { display: block; position: sticky; top: var(--shell-header-height); align-self: start; }
+}
+/* Native dialog has the same solid reading surface as React's Dialog/Sheet. */
+.tangle-native-dialog { max-width: min(32rem,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; margin: auto; padding: 1.5rem; border: 1px solid hsl(var(--border)); border-radius: var(--radius-lg); background: hsl(var(--card)); color: hsl(var(--card-foreground)); }
+.tangle-native-dialog::backdrop { background: var(--scrim); }
+.tangle-api-meta { font-family: var(--font-mono); font-size: var(--font-size-sm); color: hsl(var(--muted-foreground)); overflow-wrap: anywhere; }
+.tangle-api-schema { margin: 1rem 0; }
+.tangle-api-schema > div { padding-block: 0.75rem; border-bottom: 1px solid hsl(var(--border)); overflow-wrap: anywhere; }
+.tangle-api-schema dt { font-family: var(--font-mono); font-size: var(--font-size-label); }
+.tangle-api-schema dt span, .tangle-api-schema dd { color: hsl(var(--muted-foreground)); }
+.tangle-api-schema dd { margin: 0.25rem 0 0; font-size: var(--font-size-label); }
+.tangle-page-description { margin-top: 0.25rem; max-width: 65ch; color: hsl(var(--muted-foreground)); font-size: var(--font-size-label); overflow-wrap: anywhere; }
+.tangle-code-tabs { overflow-x: auto; max-width: 100%; }
+.tangle-code-tabs [role="tab"] { flex: none; min-height: var(--control-height-lg); }
 @layer theme{/* GENERATED from @tangle-network/brand/styles/legacy-light.css
  * SHA-256: 33e13702150c34d3a1350846ce3dae2c6c7ef17e1632fbae5d3479a1b43f55f3
  * Run node src/theme/build.mjs --write; do not edit colors or ratios here. */

package/dist/tools/index.js

@@ -9,7 +9,7 @@ import {
   restrictTaxonomy,
   verifyCapabilityToken,
   verifyExpiringCapabilityToken
-} from "../chunk-ER3KSBA4.js";
+} from "../chunk-75ZIWV4U.js";
 import {
   DEFAULT_APP_TOOL_PATHS,
   DEFAULT_HEADER_NAMES,
@@ -23,7 +23,7 @@ import {
   unresolvableSurfaceCredential
 } from "../chunk-6A7MYOUI.js";
 import "../chunk-S5SRJJQG.js";
-import "../chunk-NO2YNV5C.js";
+import "../chunk-YXLN4PXK.js";
 import {
   APP_TOOL_NAMES,
   buildAppToolOpenAITools,
@@ -31,11 +31,11 @@ import {
   defineAppTool,
   findCustomTool,
   isAppToolName
-} from "../chunk-6CKNC32J.js";
+} from "../chunk-AJZ3EJB5.js";
 import "../chunk-UGWQLQDS.js";
 import {
   ToolInputError
-} from "../chunk-7PSYT35Z.js";
+} from "../chunk-7BYY7QKC.js";
 export {
   APP_TOOL_NAMES,
   DEFAULT_APP_TOOL_PATHS,

package/dist/web-react/action-dialog.d.ts

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
-export declare function ActionDialogButton({ children, onClick, disabled, variant, }: {
+export declare function ActionDialogButton({ children, onClick, disabled, variant }: {
     children: ReactNode;
     onClick: () => void;
     disabled?: boolean;
     variant?: 'primary' | 'ghost' | 'destructive';
 }): import("react").JSX.Element;
-export declare function ActionDialog({ title, children, footer, onClose, busy, error, }: {
+export declare function ActionDialog({ title, children, footer, onClose, busy, error }: {
     title: string;
     children: ReactNode;
     footer: ReactNode;

package/dist/web-react/agent-profile-editor.js

@@ -1,7 +1,7 @@
 import {
   AGENT_PROFILE_EDITOR_SECTIONS,
   AgentProfileEditor
-} from "../chunk-GIJY3YCH.js";
+} from "../chunk-3RHAF2P5.js";
 import "../chunk-YESFGM56.js";
 import "../chunk-YGBEGBJY.js";
 import "../chunk-TJ4DYKF2.js";

package/dist/web-react/agent-profile-form-kit.d.ts

@@ -57,7 +57,7 @@ export interface SectionProps {
     collapsible?: boolean;
     children: ReactNode;
 }
-/** A bordered section. Collapsible sections use a native disclosure so they work without script. */
+/** Profile copy and spacing compose the shared card and disclosure. */
 export declare function Section({ title, description, summary, defaultOpen, collapsible, children }: SectionProps): import("react").JSX.Element;
 export type StatusTone = 'neutral' | 'pending' | 'success' | 'warning' | 'error';
 /** An inline status with an icon: a check in progress, a passed check, or a failure. */

package/dist/web-react/async/index.js

@@ -16,7 +16,7 @@ import {
   resolveAsyncValue,
   useAsyncResource,
   useConfirmedMutation
-} from "../../chunk-LSUELMHY.js";
+} from "../../chunk-LN5RBVGP.js";
 export {
   AsyncRequestError,
   AsyncView,

package/dist/web-react/index.js

@@ -142,14 +142,14 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-IAFPBYQQ.js";
+} from "../chunk-QGOGX3DL.js";
 import {
   SessionHistoryPanel,
   formatSessionTimestamp,
   useInfiniteScroll,
   useSessionActions,
   useSessionHistory
-} from "../chunk-4WEUWCA4.js";
+} from "../chunk-EQRVOMMS.js";
 import {
   MENTION_PILL_CLASS
 } from "../chunk-3HUFJ5LO.js";
@@ -158,7 +158,7 @@ import {
   WorkspaceInitial,
   WorkspaceSwitcher
 } from "../chunk-UDLA3NGY.js";
-import "../chunk-QJYJOMMO.js";
+import "../chunk-A2GG4D4A.js";
 import {
   tabTerminalConnectionId,
   useSandboxTerminalConnection
@@ -167,7 +167,7 @@ import {
   AGENT_PROFILE_EDITOR_SECTIONS,
   AgentProfileEditor,
   AgentProfileRegistryError
-} from "../chunk-GIJY3YCH.js";
+} from "../chunk-3RHAF2P5.js";
 import {
   EvidenceLineageTable,
   ExceptionList,
@@ -231,7 +231,7 @@ import {
 import {
   ProviderLogo
 } from "../chunk-RASGKEAL.js";
-import "../chunk-LSUELMHY.js";
+import "../chunk-LN5RBVGP.js";
 import "../chunk-FQYAJYPW.js";
 import {
   ATTACHMENT_ACCEPT

package/dist/work-product/index.js

@@ -16,11 +16,11 @@ import {
 } from "../chunk-3NVVBQ2U.js";
 import {
   defineAppTool
-} from "../chunk-6CKNC32J.js";
+} from "../chunk-AJZ3EJB5.js";
 import "../chunk-UGWQLQDS.js";
 import {
   ToolInputError
-} from "../chunk-7PSYT35Z.js";
+} from "../chunk-7BYY7QKC.js";
 import {
   isWorkProductStatus,
   parseAgentCheckInput,

package/dist/workspace-react/index.js

@@ -5,7 +5,7 @@ import {
 import {
   ActionDialog,
   ActionDialogButton
-} from "../chunk-QJYJOMMO.js";
+} from "../chunk-A2GG4D4A.js";
 import {
   buildSessionNavItem,
   composeSidebarSessions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.60.177",
+  "version": "0.60.179",
   "packageManager": "pnpm@11.24.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [
@@ -701,7 +701,7 @@
     "@tangle-network/hub-sdk": "0.30.2",
     "@tangle-network/sandbox": "0.60.49",
     "@tangle-network/sandbox-ui": "0.134.7",
-    "@tangle-network/ui": "11.35.0",
+    "@tangle-network/ui": "11.38.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.6",