@tangle-network/sandbox-ui 0.99.0 → 0.99.2

package/README.md

@@ -16,7 +16,7 @@ React component library for [Tangle Sandbox](https://sandbox.tangle.tools) — a
 npm install @tangle-network/sandbox-ui
 ```
 
-**Required peers:** `react` and `react-dom` 18 or 19, `@tangle-network/agent-interface >=0.36.0 <0.44.0`, `@tangle-network/brand ^1.1.0`, and `@tangle-network/ui ^11.0.0`.
+**Required peers:** `react` and `react-dom` 18 or 19, `@tangle-network/agent-interface >=0.36.0 <0.47.0`, `@tangle-network/brand ^1.1.0`, and `@tangle-network/ui ^11.0.0`.
 Optional peers are required only by the subpaths that use them; see [package.json](./package.json).
 
 ## Usage

package/dist/{WorkflowGraph-DB5F6ZSF.js → WorkflowGraph-3TQZHSUI.js}

@@ -1,6 +1,6 @@
 import {
   ProviderIcon
-} from "./chunk-GTJ5PSK5.js";
+} from "./chunk-3LIXVEEE.js";
 import {
   ACTION_OUTPUT_ROWS,
   AGENT_BODY_ROWS,

package/dist/{chunk-GTJ5PSK5.js → chunk-3LIXVEEE.js}

@@ -274,5 +274,6 @@ function ProviderIcon({
 
 export {
   normalizeProviderId,
+  providerLogoCandidates,
   ProviderIcon
 };

package/dist/integrations.d.ts

@@ -151,4 +151,47 @@ interface ConnectInput {
 }
 declare function useIntegrations({ apiBaseUrl, fetchImpl, autoLoad, }: UseIntegrationsOptions): UseIntegrationsResult;
 
-export { type ConnectInput, type IntegrationConnection, type IntegrationConnector, type IntegrationHealth, type IntegrationProvider, type IntegrationSort, IntegrationsPanel, type IntegrationsPanelProps, type UseIntegrationsOptions, type UseIntegrationsResult, useIntegrations };
+/**
+ * Provider branding: resolve a connector/provider slug to a logo and render it
+ * with graceful fallbacks. Shared by the integrations catalog tiles and the
+ * assistant's proposal card (its integration-requirement rows), so both surfaces
+ * show the same brand mark for a given provider from one source of truth.
+ *
+ * Dependency-light on purpose — only React — so it can be pulled into the
+ * always-loaded assistant entry without dragging the integrations panel's tree
+ * along with it.
+ */
+
+/**
+ * Ordered candidate logo URLs for a provider slug, most specific first. The
+ * renderer walks the chain on each `onError` until one loads, then falls back to
+ * the monogram tile.
+ *
+ * Order: explicit `iconUrl` → full-color vector mark for brands Simple Icons
+ * delisted (svgl.app) → a pinned override → the ActivePieces CDN by id (covers
+ * most of the hub catalog) → derived simpleicons slugs → monogram.
+ */
+declare function providerLogoCandidates(opts: {
+    id: string;
+    iconUrl?: string | null;
+}): string[];
+interface ProviderIconProps {
+    /** Provider/connector slug, e.g. "github". */
+    id: string;
+    /** Explicit icon URL, tried before the derived simpleicons slugs. */
+    iconUrl?: string | null;
+    /** Name for the monogram fallback initial; defaults to the id. */
+    displayName?: string;
+    /** Square edge length in px. Default 24. */
+    size?: number;
+    className?: string;
+}
+/**
+ * A provider's brand mark: the resolved logo, walking a candidate chain on load
+ * error, and a deterministic monogram tile when no logo resolves. Rounding is
+ * left to the caller's `className` so the same component fits a large catalog
+ * tile and a small inline requirement row.
+ */
+declare function ProviderIcon({ id, iconUrl, displayName, size, className, }: ProviderIconProps): React.JSX.Element;
+
+export { type ConnectInput, type IntegrationConnection, type IntegrationConnector, type IntegrationHealth, type IntegrationProvider, type IntegrationSort, IntegrationsPanel, type IntegrationsPanelProps, ProviderIcon, type ProviderIconProps, type UseIntegrationsOptions, type UseIntegrationsResult, providerLogoCandidates, useIntegrations };

package/dist/integrations.js

@@ -1,7 +1,8 @@
 import {
   ProviderIcon,
-  normalizeProviderId
-} from "./chunk-GTJ5PSK5.js";
+  normalizeProviderId,
+  providerLogoCandidates
+} from "./chunk-3LIXVEEE.js";
 import "./chunk-CZ7CSFO4.js";
 
 // src/integrations/integrations-panel.tsx
@@ -682,5 +683,7 @@ function useIntegrations({
 }
 export {
   IntegrationsPanel,
+  ProviderIcon,
+  providerLogoCandidates,
   useIntegrations
 };

package/dist/workflows.js

@@ -36,7 +36,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-DB5F6ZSF.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-3TQZHSUI.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.99.0",
+  "version": "0.99.2",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -118,7 +118,7 @@
   "peerDependencies": {
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
-    "@tangle-network/agent-interface": ">=0.36.0 <0.44.0",
+    "@tangle-network/agent-interface": ">=0.36.0 <0.47.0",
     "@tangle-network/brand": "^1.1.0",
     "@tangle-network/ui": "^11.0.0",
     "@tanstack/react-query": "^5.0.0",
@@ -190,7 +190,7 @@
     "@storybook/react": "^10.5.4",
     "@storybook/react-vite": "^10.5.4",
     "@tailwindcss/postcss": "^4.3.3",
-    "@tangle-network/agent-interface": "0.43.0",
+    "@tangle-network/agent-interface": "0.46.1",
     "@tangle-network/brand": "^1.1.0",
     "@tangle-network/ui": "^11.2.0",
     "@tanstack/react-query": "^5.101.4",