@tangle-network/sandbox-ui 0.131.3 → 0.131.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { A as wfEdgeId, D as isStructuralKind, E as buildWorkflowGraph, F as shortModel, I as clampPreview, L as fmtCost, R as fmtDuration, S as COMPACT_NODE_SIZE, _ as kindAccent, a as NodeMark, b as problemTitle, c as RESTING_SHADOW, g as emptySlotLabel, h as edgeColor, j as worstSeverity, k as triggerNodeIndex, l as STATUS_COLOR, m as StatusPill, n as classifyOutput, o as ProblemMarker, p as StatusFooter, s as ProblemMessages, t as NodeOutputBody, u as STATUS_LABEL, v as problemBorder, x as statusBorder, y as problemSurface, z as fmtTokens } from "./node-output-BQr2Dgy5.js";
1
+ import { A as wfEdgeId, D as isStructuralKind, E as buildWorkflowGraph, F as shortModel, I as clampPreview, L as fmtCost, R as fmtDuration, S as COMPACT_NODE_SIZE, _ as kindAccent, a as NodeMark, b as problemTitle, c as RESTING_SHADOW, g as emptySlotLabel, h as edgeColor, j as worstSeverity, k as triggerNodeIndex, l as STATUS_COLOR, m as StatusPill, n as classifyOutput, o as ProblemMarker, p as StatusFooter, s as ProblemMessages, t as NodeOutputBody, u as STATUS_LABEL, v as problemBorder, x as statusBorder, y as problemSurface, z as fmtTokens } from "./node-output-BdfG5lt4.js";
2
2
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
3
  import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
4
4
  import { Maximize2, Minimize2, Plus, X } from "lucide-react";
package/dist/globals.css CHANGED
@@ -5469,9 +5469,15 @@
5469
5469
  .lg\:max-w-sm {
5470
5470
  max-width: var(--container-sm);
5471
5471
  }
5472
+ .lg\:min-w-64 {
5473
+ min-width: calc(var(--spacing) * 64);
5474
+ }
5472
5475
  .lg\:flex-1 {
5473
5476
  flex: 1;
5474
5477
  }
5478
+ .lg\:flex-initial {
5479
+ flex: 0 auto;
5480
+ }
5475
5481
  .lg\:grid-cols-2 {
5476
5482
  grid-template-columns: repeat(2, minmax(0, 1fr));
5477
5483
  }
@@ -5496,9 +5502,18 @@
5496
5502
  .lg\:flex-row {
5497
5503
  flex-direction: row;
5498
5504
  }
5505
+ .lg\:flex-nowrap {
5506
+ flex-wrap: nowrap;
5507
+ }
5499
5508
  .lg\:items-center {
5500
5509
  align-items: center;
5501
5510
  }
5511
+ .lg\:gap-2 {
5512
+ gap: calc(var(--spacing) * 2);
5513
+ }
5514
+ .lg\:overflow-x-auto {
5515
+ overflow-x: auto;
5516
+ }
5502
5517
  .lg\:p-0 {
5503
5518
  padding: 0px;
5504
5519
  }
@@ -1,4 +1,4 @@
1
- import { n as normalizeProviderId, r as providerLogoCandidates, t as ProviderIcon } from "./provider-logo-BiuiO_c2.js";
1
+ import { n as normalizeProviderId, r as providerLogoCandidates, t as ProviderIcon } from "./provider-logo-X9PkbMIX.js";
2
2
  import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@tangle-network/ui/primitives";
3
3
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
4
  import * as React$1 from "react";
@@ -1,5 +1,5 @@
1
1
  import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
2
- import { t as ProviderIcon } from "./provider-logo-BiuiO_c2.js";
2
+ import { t as ProviderIcon } from "./provider-logo-X9PkbMIX.js";
3
3
  import { StatusPill } from "@tangle-network/ui/primitives";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { AlertTriangle, Bell, Box, Cable, Camera, Circle, Clock, Code, GitBranch, Repeat, ScanSearch, Sparkles, UserCheck, Webhook, Zap } from "lucide-react";
@@ -21,6 +21,7 @@ function normalizeProviderId(id) {
21
21
  * normalized id does not match the simpleicons slug (compound brands,
22
22
  * Google/Microsoft suite members, renamed brands).
23
23
  */
24
+ const PH0NY_MARK = `data:image/svg+xml,${encodeURIComponent("<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"><rect width=\"64\" height=\"64\" rx=\"12\" fill=\"#ffffff\"/><text x=\"32\" y=\"38.5\" text-anchor=\"middle\" textLength=\"50\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"Inter, system-ui, -apple-system, Segoe UI, sans-serif\" font-size=\"19\" font-weight=\"500\" fill=\"#533afd\">ph0ny</text></svg>")}`;
24
25
  const PROVIDER_LOGO_SLUGS = {
25
26
  gmail: "gmail",
26
27
  googlemail: "gmail",
@@ -182,7 +183,8 @@ const PROVIDER_LOGO_URLS = {
182
183
  sanity: "https://cdn.simpleicons.org/sanity",
183
184
  sentry: "https://cdn.simpleicons.org/sentry",
184
185
  opsgenie: "https://cdn.simpleicons.org/opsgenie",
185
- phony: "https://www.google.com/s2/favicons?sz=64&domain_url=https://ph0ny.com",
186
+ phony: PH0NY_MARK,
187
+ ph0ny: PH0NY_MARK,
186
188
  docuseal: "https://www.google.com/s2/favicons?sz=64&domain_url=https://docuseal.com",
187
189
  braze: "https://www.google.com/s2/favicons?sz=64&domain_url=https://braze.com",
188
190
  pipedream: "https://www.google.com/s2/favicons?sz=64&domain_url=https://pipedream.com",
package/dist/styles.css CHANGED
@@ -5469,9 +5469,15 @@
5469
5469
  .lg\:max-w-sm {
5470
5470
  max-width: var(--container-sm);
5471
5471
  }
5472
+ .lg\:min-w-64 {
5473
+ min-width: calc(var(--spacing) * 64);
5474
+ }
5472
5475
  .lg\:flex-1 {
5473
5476
  flex: 1;
5474
5477
  }
5478
+ .lg\:flex-initial {
5479
+ flex: 0 auto;
5480
+ }
5475
5481
  .lg\:grid-cols-2 {
5476
5482
  grid-template-columns: repeat(2, minmax(0, 1fr));
5477
5483
  }
@@ -5496,9 +5502,18 @@
5496
5502
  .lg\:flex-row {
5497
5503
  flex-direction: row;
5498
5504
  }
5505
+ .lg\:flex-nowrap {
5506
+ flex-wrap: nowrap;
5507
+ }
5499
5508
  .lg\:items-center {
5500
5509
  align-items: center;
5501
5510
  }
5511
+ .lg\:gap-2 {
5512
+ gap: calc(var(--spacing) * 2);
5513
+ }
5514
+ .lg\:overflow-x-auto {
5515
+ overflow-x: auto;
5516
+ }
5502
5517
  .lg\:p-0 {
5503
5518
  padding: 0px;
5504
5519
  }
package/dist/workflows.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
2
- import { C as TRIGGER_NODE_ID, E as buildWorkflowGraph, F as shortModel, M as actionPathLabel, N as humanizeIdentifier, O as triggerNodeId, P as parseActionPath, T as branchNodeId, a as NodeMark, d as STATUS_PILL, f as STATUS_TONE, i as KIND_ICON, k as triggerNodeIndex, l as STATUS_COLOR, m as StatusPill, n as classifyOutput, r as condenseText, t as NodeOutputBody, u as STATUS_LABEL, w as actionNodeId } from "./node-output-BQr2Dgy5.js";
2
+ import { C as TRIGGER_NODE_ID, E as buildWorkflowGraph, F as shortModel, M as actionPathLabel, N as humanizeIdentifier, O as triggerNodeId, P as parseActionPath, T as branchNodeId, a as NodeMark, d as STATUS_PILL, f as STATUS_TONE, i as KIND_ICON, k as triggerNodeIndex, l as STATUS_COLOR, m as StatusPill, n as classifyOutput, r as condenseText, t as NodeOutputBody, u as STATUS_LABEL, w as actionNodeId } from "./node-output-BdfG5lt4.js";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { Component, Suspense, lazy, useMemo, useState } from "react";
5
5
  //#region src/workflows/WorkflowGraphLazy.tsx
@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
30
30
  });
31
31
  }
32
32
  function lazyWorkflowGraph() {
33
- return lazy(() => retryImport(() => import("./WorkflowGraph-YhtQWa5b.js").then((m) => ({ default: m.WorkflowGraph }))));
33
+ return lazy(() => retryImport(() => import("./WorkflowGraph-Cx6SkrNJ.js").then((m) => ({ default: m.WorkflowGraph }))));
34
34
  }
35
35
  var GraphErrorBoundary = class extends Component {
36
36
  state = { hasError: false };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tangle-network/sandbox-ui",
3
- "version": "0.131.3",
3
+ "version": "0.131.5",
4
4
  "license": "MIT",
5
5
  "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
6
6
  "repository": {
@@ -133,8 +133,8 @@
133
133
  "@hocuspocus/provider": ">=2.15.0 <5.0.0",
134
134
  "@nanostores/react": ">=0.8.4 <2.0.0",
135
135
  "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0",
136
- "@tangle-network/brand": "^1.19.2",
137
- "@tangle-network/ui": "^11.30.0",
136
+ "@tangle-network/brand": "^1.19.3",
137
+ "@tangle-network/ui": "^11.30.2",
138
138
  "@tanstack/react-query": "^5.0.0",
139
139
  "@tiptap/core": ">=3.20.4 <4.0.0",
140
140
  "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -223,8 +223,8 @@
223
223
  "@storybook/react-vite": "^10.6.0",
224
224
  "@tailwindcss/postcss": "^4.3.3",
225
225
  "@tangle-network/agent-interface": "3.0.0",
226
- "@tangle-network/brand": "1.19.2",
227
- "@tangle-network/ui": "11.30.0",
226
+ "@tangle-network/brand": "1.19.3",
227
+ "@tangle-network/ui": "11.30.2",
228
228
  "@tanstack/react-query": "^5.104.0",
229
229
  "@testing-library/dom": "^10.4.2",
230
230
  "@testing-library/jest-dom": "^7.0.1",