@tangle-network/sandbox-ui 0.133.6 → 0.133.8

package/dist/{WorkflowGraph-m2uy9TDl.js → WorkflowGraph-CBVgTWX-.js}

@@ -1,4 +1,4 @@
-import { A as triggerNodeIndex, B as fmtTokens, C as COMPACT_NODE_SIZE, D as buildWorkflowGraph, I as shortModel, L as clampPreview, M as worstSeverity, O as isStructuralKind, R as fmtCost, S as statusBorder, _ as emptySlotLabel, a as NodeMark, b as problemSurface, c as RESTING_BORDER, d as STATUS_LABEL, g as edgeColor, h as StatusPill, j as wfEdgeId, l as RESTING_SHADOW, m as StatusFooter, n as classifyOutput, o as ProblemMarker, s as ProblemMessages, t as NodeOutputBody, u as STATUS_COLOR, v as kindAccent, x as problemTitle, y as problemBorder, z as fmtDuration } from "./node-output-BC5ZQ8R6.js";
+import { A as triggerNodeIndex, B as fmtTokens, C as COMPACT_NODE_SIZE, D as buildWorkflowGraph, I as shortModel, L as clampPreview, M as worstSeverity, O as isStructuralKind, R as fmtCost, S as statusBorder, _ as emptySlotLabel, a as NodeMark, b as problemSurface, c as RESTING_BORDER, d as STATUS_LABEL, g as edgeColor, h as StatusPill, j as wfEdgeId, l as RESTING_SHADOW, m as StatusFooter, n as classifyOutput, o as ProblemMarker, s as ProblemMessages, t as NodeOutputBody, u as STATUS_COLOR, v as kindAccent, x as problemTitle, y as problemBorder, z as fmtDuration } from "./node-output-jpe1KLea.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Maximize2, Minimize2, Plus, X } from "lucide-react";

package/dist/integrations.d.ts

@@ -331,15 +331,6 @@ interface ConnectInput {
 export declare function useIntegrations({ apiBaseUrl, fetchImpl, autoLoad, refreshOnReturn }: UseIntegrationsOptions): UseIntegrationsResult;
 //#endregion
 //#region src/integrations/provider-logo.d.ts
-/**
- * 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.
- */
 export declare function providerLogoCandidates(opts: {
   id: string;
   iconUrl?: string | null;

package/dist/integrations.js

@@ -1,4 +1,4 @@
-import { n as normalizeProviderId, r as providerLogoCandidates, t as ProviderIcon } from "./provider-logo-X9PkbMIX.js";
+import { n as normalizeProviderId, r as providerLogoCandidates, t as ProviderIcon } from "./provider-logo-BGCziCbM.js";
 import { Alert, Button, Card, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StatusPill } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";

package/dist/{node-output-BC5ZQ8R6.js → node-output-jpe1KLea.js}

@@ -1,5 +1,5 @@
 import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
-import { t as ProviderIcon } from "./provider-logo-X9PkbMIX.js";
+import { t as ProviderIcon } from "./provider-logo-BGCziCbM.js";
 import { StatusPill } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, Bell, Box, Cable, Camera, Check, Circle, Clock, Code, GitBranch, Repeat, ScanSearch, Sparkles, UserCheck, Webhook, Zap } from "lucide-react";

package/dist/pages.js

@@ -7,7 +7,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { useState } from "react";
 import { AlertCircle, CheckCircle, ChevronDown, ChevronUp, Clock, Cpu, Eye, EyeOff, GripVertical, Key, Layers, Lock, MemoryStick, Pencil, Plus, Power, PowerOff, Terminal, Trash2, Upload } from "lucide-react";
-import { focusField } from "@tangle-network/ui/utils";
+import { cn, focusField, focusRing, ixControl, ixControlSoft, ixField } from "@tangle-network/ui/utils";
 //#region src/pages/auth-page.tsx
 const C = {
 	pageBg: "hsl(var(--background, 240 5% 97%))",
@@ -15,8 +15,6 @@ const C = {
 	border: "hsl(var(--border, 214 32% 91%))",
 	text: "hsl(var(--card-foreground, 222 47% 11%))",
 	muted: "hsl(var(--muted-foreground, 240 4% 46%))",
-	inputBg: "var(--well-card, var(--bg-input, #f5f5f4))",
-	inputBorder: "var(--field-border, hsl(var(--border, 214 32% 91%)))",
 	hover: "hsl(var(--muted, 240 5% 96%))",
 	danger: "hsl(var(--destructive, 0 72% 42%))",
 	ink: "hsl(var(--foreground, 222 47% 11%))",
@@ -66,6 +64,9 @@ function GoogleIcon() {
 		]
 	});
 }
+const OUTLINE_CONTROL = cn("border border-border", focusRing, ixControl);
+const FIELD = cn("border", focusField, ixField);
+const FILLED_CONTROL = cn("border border-transparent", focusRing, ixControl);
 const SOCIAL_LABEL = {
 	github: "GitHub",
 	google: "Google"
@@ -109,19 +110,16 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 		width: "100%",
 		padding: "0 16px",
 		...CONTROL,
-		border: `1px solid ${C.border}`,
 		background: "transparent",
 		color: C.text,
 		fontWeight: 500,
 		cursor: "pointer",
-		transition: "background 120ms"
+		transition: "background 120ms, border-color 120ms, box-shadow 120ms"
 	};
 	const inputStyle = {
 		width: "100%",
 		padding: "0 16px",
 		...CONTROL,
-		border: `1px solid ${C.inputBorder}`,
-		background: C.inputBg,
 		color: C.text
 	};
 	return /* @__PURE__ */ jsx("div", {
@@ -134,6 +132,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 			background: C.pageBg
 		},
 		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "card",
 			className,
 			style: {
 				width: "100%",
@@ -164,6 +163,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 				}),
 				/* @__PURE__ */ jsxs("a", {
 					href: tangleAuthUrl,
+					className: FILLED_CONTROL,
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -173,11 +173,10 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 						padding: "0 16px",
 						...CONTROL,
 						background: buttonBg,
-						border: "1px solid transparent",
 						color: buttonFg,
 						fontWeight: 600,
 						textDecoration: "none",
-						transition: "background 120ms"
+						transition: "background 120ms, border-color 120ms, box-shadow 120ms"
 					},
 					onMouseEnter: (e) => e.currentTarget.style.background = buttonHoverBg,
 					onMouseLeave: (e) => e.currentTarget.style.background = buttonBg,
@@ -192,6 +191,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 					},
 					children: providers.map((p) => /* @__PURE__ */ jsxs("button", {
 						type: "button",
+						className: OUTLINE_CONTROL,
 						style: outlineBtn,
 						onClick: () => {
 							window.location.href = socialHref(p);
@@ -247,6 +247,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 							autoComplete: "name",
 							value: name,
 							onChange: (e) => setName(e.target.value),
+							className: FIELD,
 							style: inputStyle
 						}),
 						/* @__PURE__ */ jsx("input", {
@@ -256,6 +257,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 							placeholder: "Email",
 							value: email,
 							onChange: (e) => setEmail(e.target.value),
+							className: FIELD,
 							style: inputStyle
 						}),
 						/* @__PURE__ */ jsx("input", {
@@ -265,6 +267,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 							placeholder: "Password",
 							value: password,
 							onChange: (e) => setPassword(e.target.value),
+							className: FIELD,
 							style: inputStyle
 						}),
 						error && /* @__PURE__ */ jsx("p", {
@@ -278,6 +281,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 						/* @__PURE__ */ jsx("button", {
 							type: "submit",
 							disabled: loading,
+							className: OUTLINE_CONTROL,
 							style: {
 								...outlineBtn,
 								opacity: loading ? .5 : 1
@@ -296,6 +300,7 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 					},
 					children: [isSignup ? "Already have an account? " : `New to Tangle${product ? ` ${product}` : ""}? `, /* @__PURE__ */ jsx("a", {
 						href: altHref,
+						className: cn("rounded-sm", focusRing, ixControlSoft),
 						style: {
 							fontWeight: 500,
 							color: C.text

package/dist/{provider-logo-X9PkbMIX.js → provider-logo-BGCziCbM.js}

@@ -131,6 +131,7 @@ const ACTIVEPIECES_CDN = "https://cdn.activepieces.com/pieces";
 * to emit `iconUrl` per provider, after which this map can be retired.
 */
 const PROVIDER_LOGO_URLS = {
+	adobesign: "https://www.google.com/s2/favicons?sz=64&domain_url=https://www.adobe.com/sign.html",
 	"cal-com": `${ACTIVEPIECES_CDN}/cal.com.png`,
 	"customer-io": `${ACTIVEPIECES_CDN}/customerio.png`,
 	anthropic: `${ACTIVEPIECES_CDN}/claude.png`,
@@ -228,11 +229,25 @@ const PROVIDER_VECTOR_LOGOS = {
 * delisted (svgl.app) → a pinned override → the ActivePieces CDN by id (covers
 * most of the hub catalog) → derived simpleicons slugs → monogram.
 */
+/**
+* Protocol connectors with no brand of their own. Every remote source 404s for
+* them (production Connections logged two misses per load for `email`), so they
+* go straight to the monogram unless the provider supplies an `iconUrl`.
+*/
+const GENERIC_PROVIDER_IDS = /* @__PURE__ */ new Set([
+	"email",
+	"smtp",
+	"imap",
+	"webhook",
+	"webhooks",
+	"http"
+]);
 function providerLogoCandidates(opts) {
 	const out = [];
 	if (opts.iconUrl) out.push(opts.iconUrl);
 	const raw = opts.id.toLowerCase();
 	const norm = normalizeProviderId(raw);
+	if (GENERIC_PROVIDER_IDS.has(raw) || GENERIC_PROVIDER_IDS.has(norm)) return out;
 	const curated = PROVIDER_LOGO_SLUGS[raw] ?? PROVIDER_LOGO_SLUGS[norm];
 	const vectorName = PROVIDER_VECTOR_LOGOS[raw] ?? PROVIDER_VECTOR_LOGOS[norm] ?? (curated ? PROVIDER_VECTOR_LOGOS[curated] : void 0);
 	if (vectorName) out.push(`https://svgl.app/library/${vectorName}.svg`);

package/dist/workflows.js

@@ -1,5 +1,5 @@
 import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
-import { A as triggerNodeIndex, D as buildWorkflowGraph, E as branchNodeId, F as parseActionPath, I as shortModel, N as actionPathLabel, P as humanizeIdentifier, T as actionNodeId, a as NodeMark, d as STATUS_LABEL, f as STATUS_PILL, h as StatusPill, i as KIND_ICON, k as triggerNodeId, n as classifyOutput, p as STATUS_TONE, r as condenseText, t as NodeOutputBody, u as STATUS_COLOR, w as TRIGGER_NODE_ID } from "./node-output-BC5ZQ8R6.js";
+import { A as triggerNodeIndex, D as buildWorkflowGraph, E as branchNodeId, F as parseActionPath, I as shortModel, N as actionPathLabel, P as humanizeIdentifier, T as actionNodeId, a as NodeMark, d as STATUS_LABEL, f as STATUS_PILL, h as StatusPill, i as KIND_ICON, k as triggerNodeId, n as classifyOutput, p as STATUS_TONE, r as condenseText, t as NodeOutputBody, u as STATUS_COLOR, w as TRIGGER_NODE_ID } from "./node-output-jpe1KLea.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Component, Suspense, lazy, useMemo, useState } from "react";
 //#region src/workflows/WorkflowGraphLazy.tsx
@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 	});
 }
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-m2uy9TDl.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-CBVgTWX-.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
 	state = { hasError: false };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.133.6",
+  "version": "0.133.8",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {