@syntrologie/runtime-sdk 2.4.0-canary.21 → 2.4.0-canary.23

package/dist/actions/schema.js

@@ -31,8 +31,8 @@ import {
   WaitZ,
   WidgetConfigZ,
   coreActionStepSchemas
-} from "../chunk-HF3D7YFQ.js";
-import "../chunk-2UYZ5DWI.js";
+} from "../chunk-MCX3AKSH.js";
+import "../chunk-5SKKLUOS.js";
 import "../chunk-P5G4KT2U.js";
 export {
   AddClassZ,

package/dist/{chunk-2UYZ5DWI.js → chunk-5SKKLUOS.js}

@@ -20,6 +20,8 @@ var TileNotificationRuleZ = z.object({
 var TileZ = z.object({
   id: z.string(),
   title: z.string().optional(),
+  subtitle: z.string().optional(),
+  icon: z.string().optional(),
   priority: z.number().optional(),
   widget: z.string(),
   props: z.record(z.unknown()).optional(),
@@ -28,6 +30,7 @@ var TileZ = z.object({
 }).strict();
 var CanvasElementConfigZ = z.object({
   position: z.enum(["left", "right"]).optional(),
+  layout: z.enum(["overlay", "push"]).optional(),
   background: z.string().optional(),
   blur: z.string().optional(),
   border: z.string().optional(),
@@ -38,7 +41,8 @@ var LauncherElementConfigZ = z.object({
   backgroundHover: z.string().optional(),
   color: z.string().optional(),
   size: z.string().optional(),
-  shadow: z.string().optional()
+  shadow: z.string().optional(),
+  borderRadius: z.string().optional()
 });
 var TileElementConfigZ = z.object({
   background: z.string().optional(),
@@ -49,11 +53,17 @@ var TileElementConfigZ = z.object({
   titleColor: z.string().optional(),
   textColor: z.string().optional(),
   iconBackground: z.string().optional(),
-  iconShadow: z.string().optional()
+  iconShadow: z.string().optional(),
+  headerPadding: z.string().optional(),
+  bodyPadding: z.string().optional(),
+  gap: z.string().optional()
 });
 var OverlayElementConfigZ = z.object({
   background: z.string().optional(),
   textColor: z.string().optional(),
+  titleColor: z.string().optional(),
+  arrowColor: z.string().optional(),
+  arrowSize: z.string().optional(),
   border: z.string().optional(),
   borderRadius: z.string().optional(),
   scrimOpacity: z.string().optional(),
@@ -71,6 +81,31 @@ var NotificationElementConfigZ = z.object({
   iconBackground: z.string().optional(),
   progressGradient: z.string().optional()
 });
+var ContentElementConfigZ = z.object({
+  background: z.string().optional(),
+  backgroundHover: z.string().optional(),
+  border: z.string().optional(),
+  borderRadius: z.string().optional(),
+  textColor: z.string().optional(),
+  textSecondaryColor: z.string().optional(),
+  // Accordion layout
+  itemDivider: z.string().optional(),
+  itemGap: z.string().optional(),
+  itemPadding: z.string().optional(),
+  itemFontSize: z.string().optional(),
+  // Expanded content
+  bodyPadding: z.string().optional(),
+  bodyFontSize: z.string().optional(),
+  // Category headers
+  categoryPadding: z.string().optional(),
+  categoryGap: z.string().optional(),
+  categoryFontSize: z.string().optional(),
+  // Search
+  searchBackground: z.string().optional(),
+  searchColor: z.string().optional(),
+  // Chevron
+  chevronColor: z.string().optional()
+});
 var CanvasThemeConfigZ = z.object({
   mode: z.enum(["dark", "light"]).optional(),
   fontFamily: z.string().optional(),
@@ -81,11 +116,13 @@ var CanvasThemeConfigZ = z.object({
   launcher: LauncherElementConfigZ.optional(),
   tile: TileElementConfigZ.optional(),
   overlay: OverlayElementConfigZ.optional(),
-  notification: NotificationElementConfigZ.optional()
+  notification: NotificationElementConfigZ.optional(),
+  content: ContentElementConfigZ.optional()
 }).strict();
 var LauncherConfigZ = z.object({
   enabled: z.boolean().optional(),
   label: z.string().optional(),
+  icon: z.string().optional(),
   position: z.string().optional(),
   animate: z.boolean().optional(),
   animationStyle: z.enum(["pulse", "bounce", "glow"]).optional(),
@@ -118,9 +155,10 @@ export {
   TileElementConfigZ,
   OverlayElementConfigZ,
   NotificationElementConfigZ,
+  ContentElementConfigZ,
   CanvasThemeConfigZ,
   LauncherConfigZ,
   CanvasConfigResponseZ,
   configSchemas
 };
-//# sourceMappingURL=chunk-2UYZ5DWI.js.map
+//# sourceMappingURL=chunk-5SKKLUOS.js.map

package/dist/chunk-5SKKLUOS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/config/schema.ts"],
+  "sourcesContent": ["/**\n * Zod schemas for canvas configuration types.\n *\n * Single source of truth for tile, theme, launcher, and top-level\n * CanvasConfigResponse shapes. These schemas are converted to JSON Schema\n * during build and merged into the unified canvas-config.schema.json.\n *\n * Design decisions:\n * - `.strict()` on top-level objects \u2192 `additionalProperties: false` in JSON Schema\n * - Element sub-schemas (canvas, tile, etc.) are NOT strict to allow future expansion\n */\n\nimport { z } from 'zod';\nimport { ActivationConfigZ } from '../decisions/schema';\n\n// ============================================================================\n// Tile Notification Sub-Types\n// ============================================================================\n\nconst NotificationDeepLinkZ = z\n  .object({\n    tileId: z.string(),\n    itemId: z.string().optional(),\n  })\n  .strict();\n\nconst TileNotificationRuleZ = z\n  .object({\n    on: z.string(),\n    title: z.string(),\n    body: z.string().optional(),\n    icon: z.string().optional(),\n    ttl: z.number().optional(),\n    cooldown: z.number().optional(),\n    deepLink: NotificationDeepLinkZ.optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Tile\n// ============================================================================\n\nexport const TileZ = z\n  .object({\n    id: z.string(),\n    title: z.string().optional(),\n    subtitle: z.string().optional(),\n    icon: z.string().optional(),\n    priority: z.number().optional(),\n    widget: z.string(),\n    props: z.record(z.unknown()).optional(),\n    activation: ActivationConfigZ.optional(),\n    notifications: z.array(TileNotificationRuleZ).optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Theme Config \u2014 Element Sub-Schemas\n// ============================================================================\n\nexport const CanvasElementConfigZ = z.object({\n  position: z.enum(['left', 'right']).optional(),\n  layout: z.enum(['overlay', 'push']).optional(),\n  background: z.string().optional(),\n  blur: z.string().optional(),\n  border: z.string().optional(),\n  width: z.string().optional(),\n});\n\nexport const LauncherElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  color: z.string().optional(),\n  size: z.string().optional(),\n  shadow: z.string().optional(),\n  borderRadius: z.string().optional(),\n});\n\nexport const TileElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  shadow: z.string().optional(),\n  titleColor: z.string().optional(),\n  textColor: z.string().optional(),\n  iconBackground: z.string().optional(),\n  iconShadow: z.string().optional(),\n  headerPadding: z.string().optional(),\n  bodyPadding: z.string().optional(),\n  gap: z.string().optional(),\n});\n\nexport const OverlayElementConfigZ = z.object({\n  background: z.string().optional(),\n  textColor: z.string().optional(),\n  titleColor: z.string().optional(),\n  arrowColor: z.string().optional(),\n  arrowSize: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  scrimOpacity: z.string().optional(),\n  highlightRing: z.string().optional(),\n});\n\nexport const NotificationElementConfigZ = z.object({\n  background: z.string().optional(),\n  textColor: z.string().optional(),\n  textSecondaryColor: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  successColor: z.string().optional(),\n  warningColor: z.string().optional(),\n  errorColor: z.string().optional(),\n  iconBackground: z.string().optional(),\n  progressGradient: z.string().optional(),\n});\n\nexport const ContentElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  textColor: z.string().optional(),\n  textSecondaryColor: z.string().optional(),\n  // Accordion layout\n  itemDivider: z.string().optional(),\n  itemGap: z.string().optional(),\n  itemPadding: z.string().optional(),\n  itemFontSize: z.string().optional(),\n  // Expanded content\n  bodyPadding: z.string().optional(),\n  bodyFontSize: z.string().optional(),\n  // Category headers\n  categoryPadding: z.string().optional(),\n  categoryGap: z.string().optional(),\n  categoryFontSize: z.string().optional(),\n  // Search\n  searchBackground: z.string().optional(),\n  searchColor: z.string().optional(),\n  // Chevron\n  chevronColor: z.string().optional(),\n});\n\n// ============================================================================\n// Theme Config \u2014 Top-Level\n// ============================================================================\n\nexport const CanvasThemeConfigZ = z\n  .object({\n    mode: z.enum(['dark', 'light']).optional(),\n    fontFamily: z.string().optional(),\n    colorPrimary: z.string().optional(),\n    colorPrimaryHover: z.string().optional(),\n    borderRadius: z.string().optional(),\n    canvas: CanvasElementConfigZ.optional(),\n    launcher: LauncherElementConfigZ.optional(),\n    tile: TileElementConfigZ.optional(),\n    overlay: OverlayElementConfigZ.optional(),\n    notification: NotificationElementConfigZ.optional(),\n    content: ContentElementConfigZ.optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Launcher Config\n// ============================================================================\n\nexport const LauncherConfigZ = z\n  .object({\n    enabled: z.boolean().optional(),\n    label: z.string().optional(),\n    icon: z.string().optional(),\n    position: z.string().optional(),\n    animate: z.boolean().optional(),\n    animationStyle: z.enum(['pulse', 'bounce', 'glow']).optional(),\n    notificationCount: z.number().optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Canvas Config Response (top-level)\n// ============================================================================\n\nexport const CanvasConfigResponseZ = z\n  .object({\n    schemaVersion: z.string().optional(),\n    fetchedAt: z.string().datetime(),\n    configVersion: z.string().optional(),\n    canvasTitle: z.string().optional(),\n    tiles: z.array(TileZ),\n    actions: z.array(z.any()),\n    theme: CanvasThemeConfigZ.optional(),\n    launcher: LauncherConfigZ.optional(),\n    verificationSteps: z.array(z.string()).optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Export: Array for unified schema generation\n// ============================================================================\n\n/**\n * Config schemas for unified JSON Schema generation.\n * The generator imports this array and converts each to a JSON Schema $def.\n */\nexport const configSchemas = [\n  { defName: 'tile', schema: TileZ },\n  { defName: 'themeConfig', schema: CanvasThemeConfigZ },\n  { defName: 'launcherConfig', schema: LauncherConfigZ },\n  { defName: 'canvasConfigResponse', schema: CanvasConfigResponseZ },\n];\n\n// ============================================================================\n// Named Exports\n// ============================================================================\n\nexport { NotificationDeepLinkZ, TileNotificationRuleZ };\n"],
+  "mappings": ";;;;;AAYA,SAAS,SAAS;AAOlB,IAAM,wBAAwB,EAC3B,OAAO;AAAA,EACN,QAAQ,EAAE,OAAO;AAAA,EACjB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAC9B,CAAC,EACA,OAAO;AAEV,IAAM,wBAAwB,EAC3B,OAAO;AAAA,EACN,IAAI,EAAE,OAAO;AAAA,EACb,OAAO,EAAE,OAAO;AAAA,EAChB,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,KAAK,EAAE,OAAO,EAAE,SAAS;AAAA,EACzB,UAAU,EAAE,OAAO,EAAE,SAAS;AAAA,EAC9B,UAAU,sBAAsB,SAAS;AAC3C,CAAC,EACA,OAAO;AAMH,IAAM,QAAQ,EAClB,OAAO;AAAA,EACN,IAAI,EAAE,OAAO;AAAA,EACb,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,UAAU,EAAE,OAAO,EAAE,SAAS;AAAA,EAC9B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,UAAU,EAAE,OAAO,EAAE,SAAS;AAAA,EAC9B,QAAQ,EAAE,OAAO;AAAA,EACjB,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,SAAS;AAAA,EACtC,YAAY,kBAAkB,SAAS;AAAA,EACvC,eAAe,EAAE,MAAM,qBAAqB,EAAE,SAAS;AACzD,CAAC,EACA,OAAO;AAMH,IAAM,uBAAuB,EAAE,OAAO;AAAA,EAC3C,UAAU,EAAE,KAAK,CAAC,QAAQ,OAAO,CAAC,EAAE,SAAS;AAAA,EAC7C,QAAQ,EAAE,KAAK,CAAC,WAAW,MAAM,CAAC,EAAE,SAAS;AAAA,EAC7C,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,OAAO,EAAE,OAAO,EAAE,SAAS;AAC7B,CAAC;AAEM,IAAM,yBAAyB,EAAE,OAAO;AAAA,EAC7C,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,iBAAiB,EAAE,OAAO,EAAE,SAAS;AAAA,EACrC,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,cAAc,EAAE,OAAO,EAAE,SAAS;AACpC,CAAC;AAEM,IAAM,qBAAqB,EAAE,OAAO;AAAA,EACzC,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,iBAAiB,EAAE,OAAO,EAAE,SAAS;AAAA,EACrC,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,gBAAgB,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,eAAe,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,KAAK,EAAE,OAAO,EAAE,SAAS;AAC3B,CAAC;AAEM,IAAM,wBAAwB,EAAE,OAAO;AAAA,EAC5C,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,eAAe,EAAE,OAAO,EAAE,SAAS;AACrC,CAAC;AAEM,IAAM,6BAA6B,EAAE,OAAO;AAAA,EACjD,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,oBAAoB,EAAE,OAAO,EAAE,SAAS;AAAA,EACxC,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,gBAAgB,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,kBAAkB,EAAE,OAAO,EAAE,SAAS;AACxC,CAAC;AAEM,IAAM,wBAAwB,EAAE,OAAO;AAAA,EAC5C,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,iBAAiB,EAAE,OAAO,EAAE,SAAS;AAAA,EACrC,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,oBAAoB,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAExC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAElC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAElC,iBAAiB,EAAE,OAAO,EAAE,SAAS;AAAA,EACrC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,kBAAkB,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAEtC,kBAAkB,EAAE,OAAO,EAAE,SAAS;AAAA,EACtC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAEjC,cAAc,EAAE,OAAO,EAAE,SAAS;AACpC,CAAC;AAMM,IAAM,qBAAqB,EAC/B,OAAO;AAAA,EACN,MAAM,EAAE,KAAK,CAAC,QAAQ,OAAO,CAAC,EAAE,SAAS;AAAA,EACzC,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,mBAAmB,EAAE,OAAO,EAAE,SAAS;AAAA,EACvC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,QAAQ,qBAAqB,SAAS;AAAA,EACtC,UAAU,uBAAuB,SAAS;AAAA,EAC1C,MAAM,mBAAmB,SAAS;AAAA,EAClC,SAAS,sBAAsB,SAAS;AAAA,EACxC,cAAc,2BAA2B,SAAS;AAAA,EAClD,SAAS,sBAAsB,SAAS;AAC1C,CAAC,EACA,OAAO;AAMH,IAAM,kBAAkB,EAC5B,OAAO;AAAA,EACN,SAAS,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC9B,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,UAAU,EAAE,OAAO,EAAE,SAAS;AAAA,EAC9B,SAAS,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC9B,gBAAgB,EAAE,KAAK,CAAC,SAAS,UAAU,MAAM,CAAC,EAAE,SAAS;AAAA,EAC7D,mBAAmB,EAAE,OAAO,EAAE,SAAS;AACzC,CAAC,EACA,OAAO;AAMH,IAAM,wBAAwB,EAClC,OAAO;AAAA,EACN,eAAe,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,eAAe,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,OAAO,EAAE,MAAM,KAAK;AAAA,EACpB,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC;AAAA,EACxB,OAAO,mBAAmB,SAAS;AAAA,EACnC,UAAU,gBAAgB,SAAS;AAAA,EACnC,mBAAmB,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS;AAClD,CAAC,EACA,OAAO;AAUH,IAAM,gBAAgB;AAAA,EAC3B,EAAE,SAAS,QAAQ,QAAQ,MAAM;AAAA,EACjC,EAAE,SAAS,eAAe,QAAQ,mBAAmB;AAAA,EACrD,EAAE,SAAS,kBAAkB,QAAQ,gBAAgB;AAAA,EACrD,EAAE,SAAS,wBAAwB,QAAQ,sBAAsB;AACnE;",
+  "names": []
+}

package/dist/{chunk-IPU3WVPY.js → chunk-FFIHKDHW.js}

@@ -2413,7 +2413,7 @@ var executeHighlight = async (action, context) => {
   };
 };
 var executePulse = async (action, context) => {
-  var _a2;
+  var _a2, _b, _c;
   let anchorEl = context.resolveAnchor(action.anchorId);
   if (!anchorEl && context.waitForAnchor) {
     anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
@@ -2423,24 +2423,67 @@ var executePulse = async (action, context) => {
     return { cleanup: () => {
     } };
   }
-  const duration = (_a2 = action.duration) != null ? _a2 : 2e3;
-  if (!document.querySelector("[data-syntro-pulse-styles]")) {
-    const style = document.createElement("style");
-    style.setAttribute("data-syntro-pulse-styles", "");
+  const duration = (_a2 = action.duration) != null ? _a2 : 4e3;
+  await new Promise((resolve) => requestAnimationFrame(resolve));
+  const parseHex = (hex) => ({
+    r: parseInt(hex.slice(1, 3), 16),
+    g: parseInt(hex.slice(3, 5), 16),
+    b: parseInt(hex.slice(5, 7), 16)
+  });
+  const fallback = { r: 79, g: 70, b: 229 };
+  let primary = fallback;
+  let secondary = null;
+  try {
+    const styles = getComputedStyle(context.overlayRoot);
+    const pHex = (_b = styles.getPropertyValue("--sc-color-primary")) == null ? void 0 : _b.trim();
+    const sHex = (_c = styles.getPropertyValue("--sc-color-primary-hover")) == null ? void 0 : _c.trim();
+    if ((pHex == null ? void 0 : pHex.startsWith("#")) && pHex.length >= 7) {
+      primary = parseHex(pHex);
+    }
+    if ((sHex == null ? void 0 : sHex.startsWith("#")) && sHex.length >= 7) {
+      secondary = parseHex(sHex);
+    }
+  } catch {
+  }
+  const existing = document.querySelector("[data-syntro-pulse-styles]");
+  if (existing)
+    existing.remove();
+  const style = document.createElement("style");
+  style.setAttribute("data-syntro-pulse-styles", "");
+  const { r: pr, g: pg, b: pb } = primary;
+  if (secondary) {
+    const { r: sr, g: sg, b: sb } = secondary;
     style.textContent = `
       @keyframes syntro-pulse-anim {
         0%, 100% {
-          box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.4);
+          box-shadow: 0 0 0 0 rgba(${pr}, ${pg}, ${pb}, 0.35);
+        }
+        25% {
+          box-shadow: 0 0 0 12px rgba(${pr}, ${pg}, ${pb}, 0);
         }
         50% {
-          box-shadow: 0 0 0 8px rgba(79, 70, 229, 0);
+          box-shadow: 0 0 0 0 rgba(${sr}, ${sg}, ${sb}, 0.35);
+        }
+        75% {
+          box-shadow: 0 0 0 12px rgba(${sr}, ${sg}, ${sb}, 0);
+        }
+      }
+    `;
+  } else {
+    style.textContent = `
+      @keyframes syntro-pulse-anim {
+        0%, 100% {
+          box-shadow: 0 0 0 0 rgba(${pr}, ${pg}, ${pb}, 0.35);
+        }
+        50% {
+          box-shadow: 0 0 0 12px rgba(${pr}, ${pg}, ${pb}, 0);
         }
       }
     `;
-    document.head.appendChild(style);
   }
+  document.head.appendChild(style);
   const originalAnimation = anchorEl.style.animation;
-  anchorEl.style.animation = "syntro-pulse-anim 1s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+  anchorEl.style.animation = "syntro-pulse-anim 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite";
   anchorEl.setAttribute("data-syntro-pulse", "true");
   const timeoutId = setTimeout(() => {
     anchorEl.style.animation = originalAnimation;
@@ -2461,7 +2504,7 @@ var executePulse = async (action, context) => {
   };
 };
 var executeBadge = async (action, context) => {
-  var _a2;
+  var _a2, _b;
   let anchorEl = context.resolveAnchor(action.anchorId);
   if (!anchorEl && context.waitForAnchor) {
     anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
@@ -2471,6 +2514,14 @@ var executeBadge = async (action, context) => {
     return { cleanup: () => {
     } };
   }
+  let badgeColor = "#4f46e5";
+  try {
+    const primary = (_a2 = getComputedStyle(context.overlayRoot).getPropertyValue("--sc-color-primary")) == null ? void 0 : _a2.trim();
+    if ((primary == null ? void 0 : primary.startsWith("#")) && primary.length >= 7) {
+      badgeColor = primary;
+    }
+  } catch {
+  }
   const badge2 = document.createElement("div");
   badge2.textContent = action.content;
   badge2.setAttribute("data-syntro-badge", action.anchorId.selector);
@@ -2481,13 +2532,13 @@ var executeBadge = async (action, context) => {
     fontWeight: "600",
     lineHeight: "1",
     color: "white",
-    background: "var(--syntro-accent, #4f46e5)",
+    background: badgeColor,
     borderRadius: "9999px",
     pointerEvents: "none",
     zIndex: "2147483646",
     whiteSpace: "nowrap"
   });
-  const position = (_a2 = action.position) != null ? _a2 : "top-right";
+  const position = (_b = action.position) != null ? _b : "top-right";
   const originalPosition = anchorEl.style.position;
   if (getComputedStyle(anchorEl).position === "static") {
     anchorEl.style.position = "relative";
@@ -3240,7 +3291,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.4.0-canary.21";
+var SDK_VERSION = "2.4.0-canary.23";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -3899,7 +3950,7 @@ function NotificationToastStack({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx2("div", { style: { height: "2px", background: "rgba(255, 255, 255, 0.06)" }, children: /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx2("div", { style: { height: "2px", background: "rgba(0, 0, 0, 0.08)" }, children: /* @__PURE__ */ jsx2(
                   "div",
                   {
                     className: "syntro-toast-progress",
@@ -4508,17 +4559,19 @@ var darkDefaults = {
   borderRadius: "12px",
   canvas: {
     position: "right",
+    layout: "overlay",
     background: withAlpha(slateGrey[1], 0.6),
     blur: "blur(24px)",
     border: "none",
-    width: "clamp(320px, 16.666vw, 420px)"
+    width: "clamp(380px, 25vw, 520px)"
   },
   launcher: {
     background: button.primary.backgroundDefault,
     backgroundHover: button.primary.backgroundHover,
     color: button.primary.icon,
     size: "56px",
-    shadow: `0 8px 32px ${withAlpha(slateGrey[0], 0.6)}`
+    shadow: `0 8px 32px ${withAlpha(slateGrey[0], 0.6)}`,
+    borderRadius: "9999px"
   },
   tile: {
     background: withAlpha(slateGrey[1], 0.6),
@@ -4529,11 +4582,17 @@ var darkDefaults = {
     titleColor: text.primary,
     textColor: text.secondary,
     iconBackground: `linear-gradient(135deg, ${brand[3]} 0%, ${brand[3]}cc 100%)`,
-    iconShadow: `0 2px 8px ${brand[3]}40`
+    iconShadow: `0 2px 8px ${brand[3]}40`,
+    headerPadding: "0.375rem 0.75rem",
+    bodyPadding: "0 0.75rem 0.5rem",
+    gap: "0.25rem"
   },
   overlay: {
     background: withAlpha(slateGrey[1], 0.6),
     textColor: text.primary,
+    titleColor: text.primary,
+    arrowColor: withAlpha(slateGrey[1], 0.6),
+    arrowSize: "8px",
     border: "none",
     borderRadius: "0",
     scrimOpacity: "0",
@@ -4550,6 +4609,26 @@ var darkDefaults = {
     errorColor: red[4],
     iconBackground: withAlpha(brand[3], 0.15),
     progressGradient: `linear-gradient(90deg, ${brand[3]}, ${brand[4]})`
+  },
+  content: {
+    background: withAlpha(slateGrey[3], 0.8),
+    backgroundHover: withAlpha(slateGrey[5], 0.6),
+    border: `1px solid ${withAlpha(slateGrey[5], 0.5)}`,
+    borderRadius: "8px",
+    textColor: text.primary,
+    textSecondaryColor: text.secondary,
+    itemDivider: "none",
+    itemGap: "6px",
+    itemPadding: "12px 16px",
+    itemFontSize: "15px",
+    bodyPadding: "0 16px 12px 16px",
+    bodyFontSize: "14px",
+    categoryPadding: "8px 4px 4px 4px",
+    categoryGap: "4px",
+    categoryFontSize: "12px",
+    searchBackground: withAlpha(slateGrey[3], 0.8),
+    searchColor: text.primary,
+    chevronColor: "currentColor"
   }
 };
 var lightDefaults = {
@@ -4560,17 +4639,19 @@ var lightDefaults = {
   borderRadius: "12px",
   canvas: {
     position: "right",
+    layout: "overlay",
     background: withAlpha(slateGrey[12], 0.7),
     blur: "blur(24px)",
     border: "none",
-    width: "clamp(320px, 16.666vw, 420px)"
+    width: "clamp(380px, 25vw, 520px)"
   },
   launcher: {
     background: brand[3],
     backgroundHover: brand[2],
     color: "#ffffff",
     size: "56px",
-    shadow: "0 8px 32px rgba(0, 0, 0, 0.15)"
+    shadow: "0 8px 32px rgba(0, 0, 0, 0.15)",
+    borderRadius: "9999px"
   },
   tile: {
     background: withAlpha(slateGrey[12], 0.7),
@@ -4581,11 +4662,17 @@ var lightDefaults = {
     titleColor: slateGrey[1],
     textColor: slateGrey[6],
     iconBackground: `linear-gradient(135deg, ${brand[3]} 0%, ${brand[3]}cc 100%)`,
-    iconShadow: `0 2px 8px ${brand[3]}40`
+    iconShadow: `0 2px 8px ${brand[3]}40`,
+    headerPadding: "0.375rem 0.75rem",
+    bodyPadding: "0 0.75rem 0.5rem",
+    gap: "0.25rem"
   },
   overlay: {
     background: withAlpha(slateGrey[12], 0.7),
     textColor: slateGrey[1],
+    titleColor: slateGrey[1],
+    arrowColor: withAlpha(slateGrey[12], 0.7),
+    arrowSize: "8px",
     border: "none",
     borderRadius: "0",
     scrimOpacity: "0",
@@ -4602,6 +4689,26 @@ var lightDefaults = {
     errorColor: red[4],
     iconBackground: withAlpha(brand[3], 0.1),
     progressGradient: `linear-gradient(90deg, ${brand[3]}, ${brand[2]})`
+  },
+  content: {
+    background: withAlpha(slateGrey[12], 0.8),
+    backgroundHover: withAlpha(slateGrey[11], 0.6),
+    border: `1px solid ${slateGrey[11]}`,
+    borderRadius: "8px",
+    textColor: slateGrey[1],
+    textSecondaryColor: slateGrey[6],
+    itemDivider: "none",
+    itemGap: "6px",
+    itemPadding: "12px 16px",
+    itemFontSize: "15px",
+    bodyPadding: "0 16px 12px 16px",
+    bodyFontSize: "14px",
+    categoryPadding: "8px 4px 4px 4px",
+    categoryGap: "4px",
+    categoryFontSize: "12px",
+    searchBackground: slateGrey[12],
+    searchColor: slateGrey[1],
+    chevronColor: "currentColor"
   }
 };
 function mergeThemeConfig(customer) {
@@ -4617,7 +4724,8 @@ function mergeThemeConfig(customer) {
     launcher: { ...base2.launcher, ...customer.launcher },
     tile: { ...base2.tile, ...customer.tile },
     overlay: { ...base2.overlay, ...customer.overlay },
-    notification: { ...base2.notification, ...customer.notification }
+    notification: { ...base2.notification, ...customer.notification },
+    content: { ...base2.content, ...customer.content }
   };
 }
 function mergeThemeWithWorkspace(workspaceTheme, configTheme) {
@@ -4638,10 +4746,18 @@ function mergeThemeWithWorkspace(workspaceTheme, configTheme) {
       ...base2.notification,
       ...workspaceTheme.notification,
       ...configTheme.notification
-    }
+    },
+    content: { ...base2.content, ...workspaceTheme.content, ...configTheme.content }
   };
 }
-var ELEMENT_SECTIONS = ["canvas", "launcher", "tile", "overlay", "notification"];
+var ELEMENT_SECTIONS = [
+  "canvas",
+  "launcher",
+  "tile",
+  "overlay",
+  "notification",
+  "content"
+];
 function flattenThemeConfig(config) {
   const vars = {};
   if (config.fontFamily) vars["--sc-font-family"] = config.fontFamily;
@@ -4718,6 +4834,7 @@ function ShadowCanvasOverlay({
   onToggle,
   telemetry,
   launcherLabel: _launcherLabel = "Adaptives",
+  launcherIcon,
   launcherAnimate = false,
   launcherAnimationStyle: _launcherAnimationStyle = "pulse",
   notificationCount: _notificationCount,
@@ -4861,7 +4978,38 @@ function ShadowCanvasOverlay({
   );
   const isFocused = displayMode === "focused";
   const isRight = config.canvas.position === "right";
+  const isPush = config.canvas.layout === "push";
+  const containerRef = useRef5(null);
   const zIndex = 2147483600;
+  useEffect7(() => {
+    var _a3, _b2;
+    if (!isPush) return;
+    const root = document.documentElement;
+    const prop = isRight ? "marginRight" : "marginLeft";
+    const prevTransition = root.style.transition;
+    root.style.transition = `${prop} 340ms cubic-bezier(0.16, 1, 0.3, 1)`;
+    if (isOpen) {
+      const width = (_b2 = (_a3 = containerRef.current) == null ? void 0 : _a3.offsetWidth) != null ? _b2 : 380;
+      root.style[prop] = `${width}px`;
+    } else {
+      root.style[prop] = "0px";
+    }
+    return () => {
+      root.style[prop] = "";
+      root.style.transition = prevTransition;
+    };
+  }, [isPush, isOpen, isRight]);
+  useEffect7(() => {
+    if (!isPush || !isOpen) return;
+    const container = containerRef.current;
+    if (!container) return;
+    const prop = isRight ? "marginRight" : "marginLeft";
+    const observer = new ResizeObserver(([entry]) => {
+      document.documentElement.style[prop] = `${entry.contentRect.width}px`;
+    });
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [isPush, isOpen, isRight]);
   const containerStyle = {
     display: "flex",
     flexDirection: "column",
@@ -4909,7 +5057,7 @@ function ShadowCanvasOverlay({
         zIndex
       },
       children: /* @__PURE__ */ jsxs3("div", { style: wrapperStyle, children: [
-        /* @__PURE__ */ jsxs3("div", { "data-shadow-canvas-id": "overlay-container", style: containerStyle, children: [
+        /* @__PURE__ */ jsxs3("div", { ref: containerRef, "data-shadow-canvas-id": "overlay-container", style: containerStyle, children: [
           isFocused && canvasTitle && /* @__PURE__ */ jsx6("header", { style: { color: "white", padding: "1.5rem 1.5rem 0" }, children: /* @__PURE__ */ jsx6(
             "p",
             {
@@ -5034,7 +5182,7 @@ function ShadowCanvasOverlay({
                   justifyContent: "center",
                   width: "var(--sc-launcher-size, 56px)",
                   height: "var(--sc-launcher-size, 56px)",
-                  borderRadius: "9999px",
+                  borderRadius: "var(--sc-launcher-border-radius, 9999px)",
                   color: "var(--sc-launcher-color)",
                   boxShadow: "var(--sc-launcher-shadow)",
                   transition: dragRef.current ? "none" : "transform 0.2s ease, opacity 0.3s ease, background-color 0.2s ease",
@@ -5061,7 +5209,7 @@ function ShadowCanvasOverlay({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx6(
+                  isOpen ? /* @__PURE__ */ jsxs3(
                     "svg",
                     {
                       width: "24",
@@ -5075,16 +5223,45 @@ function ShadowCanvasOverlay({
                       "aria-hidden": "true",
                       focusable: "false",
                       style: { transition: "transform 200ms ease" },
-                      children: isOpen ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+                      children: [
                         /* @__PURE__ */ jsx6("path", { d: "M18 6L6 18" }),
                         /* @__PURE__ */ jsx6("path", { d: "M6 6l12 12" })
-                      ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+                      ]
+                    }
+                  ) : launcherIcon ? /* @__PURE__ */ jsx6(
+                    "img",
+                    {
+                      src: launcherIcon,
+                      alt: "",
+                      "aria-hidden": "true",
+                      style: {
+                        width: "60%",
+                        height: "60%",
+                        objectFit: "contain",
+                        pointerEvents: "none"
+                      }
+                    }
+                  ) : /* @__PURE__ */ jsxs3(
+                    "svg",
+                    {
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      "aria-hidden": "true",
+                      focusable: "false",
+                      style: { transition: "transform 200ms ease" },
+                      children: [
                         /* @__PURE__ */ jsx6("path", { d: "M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3Z" }),
                         /* @__PURE__ */ jsx6("path", { d: "M5 3v4" }),
                         /* @__PURE__ */ jsx6("path", { d: "M3 5h4" }),
                         /* @__PURE__ */ jsx6("path", { d: "M19 17v4" }),
                         /* @__PURE__ */ jsx6("path", { d: "M17 19h4" })
-                      ] })
+                      ]
                     }
                   ),
                   !isOpen && notifications.length > 0 && /* @__PURE__ */ jsxs3("div", { style: { position: "absolute", top: -2, right: -2, pointerEvents: "none" }, children: [
@@ -5154,7 +5331,8 @@ function useShadowCanvasConfig({
   fetcher,
   experiments,
   runtime: runtime3,
-  pageUrl
+  pageUrl,
+  pollIntervalMs
 }) {
   const [state, setState] = useState6({
     tiles: [],
@@ -5209,6 +5387,13 @@ function useShadowCanvasConfig({
       return experiments.onFeaturesChanged(() => load());
     }
   }, [load, experiments, pageUrl]);
+  useEffect8(() => {
+    if (!pollIntervalMs) return;
+    const id = setInterval(() => {
+      load();
+    }, pollIntervalMs);
+    return () => clearInterval(id);
+  }, [load, pollIntervalMs]);
   return useMemo5(() => state, [state]);
 }
 
@@ -8374,7 +8559,7 @@ function evaluateCondition(condition, evalContext) {
     case "page_url": {
       const { url } = condition;
       const currentUrl = context.page.url;
-      const pattern = url.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*\*/g, ".*").replace(/\*/g, "[^/]*");
+      const pattern = url.replace(/\*\*/g, "\0GLOBSTAR\0").replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*/g, "[^/]*").replace(/\0GLOBSTAR\0/g, ".*");
       const regex = new RegExp(`^${pattern}$`);
       return regex.test(currentUrl);
     }
@@ -10933,4 +11118,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-IPU3WVPY.js.map
+//# sourceMappingURL=chunk-FFIHKDHW.js.map