@tangle-network/sandbox-ui 0.99.1 → 0.100.0

package/dist/index.js

@@ -88,7 +88,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   validateComposerFiles
-} from "./chunk-G7CFCZQ7.js";
+} from "./chunk-IWTLWBPZ.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -134,7 +134,7 @@ import {
   dispatchSessionCreated,
   shellShouldRevalidate,
   useOptimisticSessionItems
-} from "./chunk-XKKV3B24.js";
+} from "./chunk-OI7HEWLZ.js";
 import {
   BRAND_PRISM_THEME,
   CodeSurface,
@@ -149,7 +149,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-JIZCCGD2.js";
+} from "./chunk-WCUIUBG5.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -220,7 +220,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-Y4OTBMZS.js";
+} from "./chunk-3W343PY5.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -325,6 +325,7 @@ import {
   canonicalModelId,
   modelBrandFor
 } from "./chunk-RQZRXKMR.js";
+import "./chunk-BGVEHENC.js";
 import "./chunk-EI44GEQ5.js";
 import {
   OpenUIArtifactRenderer

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/{mention-editor-3Q6MYOIU.js → mention-editor-Q3TKSZDL.js}

@@ -72,7 +72,7 @@ var MentionList = React.forwardRef(
         ),
         children: [
           loading && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 py-2 text-muted-foreground text-sm", children: [
-            /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }),
+            /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin", "data-motion": "essential" }),
             "Searching\u2026"
           ] }),
           !loading && error && /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 text-[var(--status-error,#ff4d6d)] text-sm", children: "Couldn\u2019t load matches" }),

package/dist/pages.js

@@ -637,7 +637,7 @@ function AddSshKeyDialog({
           disabled: isSaving,
           className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-bold text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 active:scale-[0.97]",
           children: [
-            isSaving && /* @__PURE__ */ jsx3(Loader2, { className: "h-4 w-4 animate-spin" }),
+            isSaving && /* @__PURE__ */ jsx3(Loader2, { className: "h-4 w-4 animate-spin", "data-motion": "essential" }),
             isSaving ? "Saving..." : "Add key"
           ]
         }
@@ -1677,7 +1677,7 @@ function ProvisioningWizard({
             disabled: isDeploying || !selectedEnv,
             className: "w-full",
             children: isDeploying ? /* @__PURE__ */ jsxs4("span", { className: "flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ jsx4(Loader22, { className: "h-4 w-4 animate-spin" }),
+              /* @__PURE__ */ jsx4(Loader22, { className: "h-4 w-4 animate-spin", "data-motion": "essential" }),
               "Spinning up environment..."
             ] }) : "Deploy Workspace"
           }
@@ -1958,7 +1958,7 @@ function ProfilesPage({
       /* @__PURE__ */ jsx6("span", { children: error }),
       /* @__PURE__ */ jsx6(Button2, { variant: "ghost", size: "sm", onClick: loadProfiles, children: "Retry" })
     ] }),
-    loading && /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx6(Loader23, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+    loading && /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx6(Loader23, { className: "h-8 w-8 animate-spin text-muted-foreground", "data-motion": "essential" }) }),
     !loading && /* @__PURE__ */ jsxs6("div", { className: "space-y-8", children: [
       /* @__PURE__ */ jsxs6("section", { children: [
         /* @__PURE__ */ jsx6("div", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs6("h2", { className: "font-medium text-lg", children: [
@@ -2317,7 +2317,7 @@ function ProfileFormDialog({
       /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
         /* @__PURE__ */ jsx6(Button2, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
         /* @__PURE__ */ jsxs6(Button2, { type: "submit", disabled: saving || !formData.name, children: [
-          saving && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+          saving && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin", "data-motion": "essential" }),
           isEditing ? "Save Changes" : "Create Profile"
         ] })
       ] })
@@ -2372,7 +2372,7 @@ function DeleteProfileDialog({
           onClick: handleDelete,
           disabled: deleting,
           children: [
-            deleting && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+            deleting && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin", "data-motion": "essential" }),
             "Delete Profile"
           ]
         }
@@ -3135,7 +3135,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
           secrets.length !== 1 ? "s" : ""
         ] })
       ] }),
-      loading ? /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx7("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) : secrets.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      loading ? /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx7("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent", "data-motion": "essential" }) }) : secrets.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
         /* @__PURE__ */ jsx7(Lock, { className: "h-10 w-10 text-muted-foreground mb-4" }),
         /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold text-foreground", children: "No secrets yet" }),
         /* @__PURE__ */ jsx7("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a secret to inject into your sandboxes." }),
@@ -4046,7 +4046,7 @@ function StartupScriptsPage({ apiClient, className }) {
           scripts.length !== 1 ? "s" : ""
         ] })
       ] }),
-      loading ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx9("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : scripts.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      loading ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx9("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent", "data-motion": "essential" }) }) : scripts.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
         /* @__PURE__ */ jsx9(Terminal, { className: "h-10 w-10 text-muted-foreground mb-4" }),
         /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-foreground", children: "No startup scripts yet" }),
         /* @__PURE__ */ jsx9("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a script to run automatically when your sandboxes start." }),