@almadar/shell-web 0.0.0-stage → 0.1.0

package/dist/chunk-DZ42OJQC.js

@@ -0,0 +1,176 @@
+import { effectCategoryOf, EFFECT_CATEGORY_COLORS, asEffectOperator } from './chunk-DFNZUYX4.js';
+import { createLogger } from '@almadar/logger';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var log = createLogger("almadar:ui:avl:effect");
+function headIcon(type, x, y, s, color) {
+  switch (type) {
+    case "render-ui":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("rect", { x: x - s, y: y - s, width: s * 2, height: s * 2, fill: "none", stroke: color, strokeWidth: 1.5, rx: 1 }),
+        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s, x2: x, y2: y + s, stroke: color, strokeWidth: 1 }),
+        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y, x2: x + s, y2: y, stroke: color, strokeWidth: 1 })
+      ] });
+    case "set":
+      return /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `M${x - s * 0.6},${y + s} L${x - s},${y + s * 0.4} L${x + s * 0.4},${y - s} L${x + s},${y - s * 0.4} Z`,
+          fill: "none",
+          stroke: color,
+          strokeWidth: 1.5,
+          strokeLinejoin: "round"
+        }
+      );
+    case "persist":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y - s * 0.6, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.6, x2: x - s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y - s * 0.6, x2: x + s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y + s * 0.4, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 })
+      ] });
+    case "fetch":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s, x2: x, y2: y + s * 0.6, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y + s * 0.1} ${x},${y + s} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
+      ] });
+    case "emit":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.3, fill: color }),
+        /* @__PURE__ */ jsx("path", { d: `M${x - s * 0.7},${y - s * 0.7} A${s},${s} 0 0,1 ${x + s * 0.7},${y - s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("path", { d: `M${x - s},${y - s} A${s * 1.4},${s * 1.4} 0 0,1 ${x + s},${y - s}`, fill: "none", stroke: color, strokeWidth: 1, opacity: 0.6 })
+      ] });
+    case "navigate":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y, x2: x + s * 0.6, y2: y, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.1},${y - s * 0.5} ${x + s},${y} ${x + s * 0.1},${y + s * 0.5}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
+      ] });
+    case "call-service":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.3, x2: x + s, y2: y - s * 0.3, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.5},${y - s * 0.7} ${x + s},${y - s * 0.3} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" }),
+        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y + s * 0.3, x2: x - s, y2: y + s * 0.3, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y - s * 0.1} ${x - s},${y + s * 0.3} ${x - s * 0.5},${y + s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
+      ] });
+    case "spawn":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("line", { x1: x - s * 0.5, y1: y, x2: x + s * 0.5, y2: y, stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s * 0.5, x2: x, y2: y + s * 0.5, stroke: color, strokeWidth: 1.5 })
+      ] });
+    case "despawn":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("line", { x1: x - s * 0.5, y1: y, x2: x + s * 0.5, y2: y, stroke: color, strokeWidth: 1.5 })
+      ] });
+    case "do":
+      return /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx("polygon", { points: `${x - s * 0.3},${y - s * 0.5} ${x + s * 0.5},${y} ${x - s * 0.3},${y + s * 0.5}`, fill: color })
+      ] });
+    case "if":
+      return /* @__PURE__ */ jsx(
+        "polygon",
+        {
+          points: `${x},${y - s} ${x + s * 0.7},${y} ${x},${y + s} ${x - s * 0.7},${y}`,
+          fill: "none",
+          stroke: color,
+          strokeWidth: 1.5,
+          strokeLinejoin: "round"
+        }
+      );
+    case "log":
+      return /* @__PURE__ */ jsx(
+        "text",
+        {
+          x,
+          y,
+          textAnchor: "middle",
+          dominantBaseline: "central",
+          fill: color,
+          fontSize: s * 2.2,
+          fontFamily: "serif",
+          children: "\xB6"
+        }
+      );
+    default:
+      return null;
+  }
+}
+var clock = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
+  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
+  /* @__PURE__ */ jsx("polyline", { points: `${x},${y - s * 0.6} ${x},${y} ${x + s * 0.5},${y + s * 0.3}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
+] });
+var neuron = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
+  /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.6, x2: x + s * 0.8, y2: y, stroke: color, strokeWidth: 1 }),
+  /* @__PURE__ */ jsx("line", { x1: x - s, y1: y + s * 0.6, x2: x + s * 0.8, y2: y, stroke: color, strokeWidth: 1 }),
+  /* @__PURE__ */ jsx("circle", { cx: x - s, cy: y - s * 0.6, r: s * 0.3, fill: color }),
+  /* @__PURE__ */ jsx("circle", { cx: x - s, cy: y + s * 0.6, r: s * 0.3, fill: color }),
+  /* @__PURE__ */ jsx("circle", { cx: x + s * 0.8, cy: y, r: s * 0.35, fill: color })
+] });
+var gear = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
+  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.75, fill: "none", stroke: color, strokeWidth: 1.5, strokeDasharray: `${s * 0.5} ${s * 0.3}` }),
+  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.3, fill: color })
+] });
+var unknown = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
+  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.2, strokeDasharray: "2 2" }),
+  /* @__PURE__ */ jsx("text", { x, y, textAnchor: "middle", dominantBaseline: "central", fill: color, fontSize: s * 1.4, children: "?" })
+] });
+var CATEGORY_GLYPH = {
+  ui: (x, y, s, c) => headIcon("render-ui", x, y, s, c),
+  data: (x, y, s, c) => headIcon("set", x, y, s, c),
+  communication: (x, y, s, c) => headIcon("emit", x, y, s, c),
+  lifecycle: (x, y, s, c) => headIcon("spawn", x, y, s, c),
+  control: (x, y, s, c) => headIcon("if", x, y, s, c),
+  async: clock,
+  compute: neuron,
+  system: gear
+};
+function effectIcon(type, x, y, s, color) {
+  const op = asEffectOperator(type);
+  const own = op ? headIcon(op, x, y, s, color) : null;
+  if (own) return own;
+  const category = effectCategoryOf(type);
+  if (category) return CATEGORY_GLYPH[category](x, y, s, color);
+  log.error("unknown-effect-operator", { effectType: type });
+  return unknown(x, y, s, color);
+}
+var AvlEffect = ({
+  x = 0,
+  y = 0,
+  effectType,
+  size = 8,
+  label,
+  color = "var(--color-primary)",
+  opacity = 1,
+  className,
+  showBackground = false
+}) => {
+  const category = effectCategoryOf(effectType);
+  const catColors = category ? EFFECT_CATEGORY_COLORS[category] : null;
+  const iconColor = showBackground && catColors ? catColors.color : color;
+  return /* @__PURE__ */ jsxs("g", { className, opacity, children: [
+    showBackground && catColors && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: size * 1.2, fill: catColors.bg }),
+      /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: size * 1.2, fill: "none", stroke: catColors.color, strokeWidth: 0.5, opacity: 0.3 })
+    ] }),
+    effectIcon(effectType, x, y, size, iconColor),
+    label && /* @__PURE__ */ jsx(
+      "text",
+      {
+        x,
+        y: y + size + 10,
+        textAnchor: "middle",
+        fill: iconColor,
+        fontSize: 11,
+        fontWeight: 500,
+        fontFamily: "inherit",
+        opacity: 0.7,
+        children: label
+      }
+    )
+  ] });
+};
+AvlEffect.displayName = "AvlEffect";
+
+export { AvlEffect };

package/dist/chunk-EOWMARUB.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+
+var DEFAULT_CONFIG = {
+  modelOverrides: {},
+  effectsEnabled: true,
+  palette: null
+};
+var Avl3DContext = createContext(DEFAULT_CONFIG);
+function useAvl3DConfig() {
+  return useContext(Avl3DContext);
+}
+function useAvl3DPalette() {
+  return useContext(Avl3DContext).palette;
+}
+
+export { Avl3DContext, useAvl3DConfig, useAvl3DPalette };

package/dist/chunk-EQAMU2ZC.js

@@ -0,0 +1,14 @@
+import { ThemeProvider, useTheme } from './chunk-MBQAMMSE.js';
+
+// src/providers/DesignThemeContext.tsx
+var DesignThemeProvider = ThemeProvider;
+function useDesignTheme() {
+  const { theme, setTheme, availableThemes } = useTheme();
+  return {
+    designTheme: theme,
+    setDesignTheme: setTheme,
+    availableThemes: availableThemes.map((t) => t.name)
+  };
+}
+
+export { DesignThemeProvider, useDesignTheme };

package/dist/chunk-FAJDTHWC.js

@@ -0,0 +1,98 @@
+import { useEventBus, useTranslate, Box, VStack, Icon, cn, Typography, Button, domPassthrough } from './chunk-MBQAMMSE.js';
+import { EMPTY_STATE_MARKER } from '@almadar/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ICON_NAME_ALIASES = {
+  check: "check-circle",
+  error: "x-circle",
+  warning: "alert-circle"
+};
+var lookStyles = {
+  "icon-only": "",
+  illustrated: "[&_svg]:w-32 [&_svg]:h-32",
+  "text-only": "[&_svg]:hidden",
+  mascot: "[&_svg]:w-24 [&_svg]:h-24 [&_svg]:rounded-pill"
+};
+var EmptyState = ({
+  icon,
+  title,
+  message,
+  description,
+  actionLabel,
+  onAction,
+  className,
+  destructive,
+  variant,
+  actionEvent,
+  look = "icon-only",
+  ...rest
+}) => {
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const handleAction = () => {
+    if (actionEvent) eventBus.emit(`UI:${actionEvent}`, {});
+    onAction?.();
+  };
+  const iconName = typeof icon === "string" ? ICON_NAME_ALIASES[icon] ?? icon : void 0;
+  const iconComponent = typeof icon === "function" ? icon : void 0;
+  const hasIcon = Boolean(iconName || iconComponent);
+  const isDestructive = destructive || variant === "error";
+  const isSuccess = variant === "success";
+  const displayText = title || message || t("empty.noItems");
+  return /* @__PURE__ */ jsx(Box, { ...domPassthrough(rest), className: "contents", ...{ [EMPTY_STATE_MARKER]: "" }, children: /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      align: "center",
+      className: cn(
+        "justify-center py-12 text-center",
+        lookStyles[look],
+        className
+      ),
+      children: [
+        hasIcon && /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: cn(
+              "mb-4 rounded-full p-3",
+              isDestructive ? "bg-error/10" : isSuccess ? "bg-success/10" : "bg-muted"
+            ),
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                ...iconName ? { name: iconName } : { icon: iconComponent },
+                className: cn(
+                  "h-8 w-8",
+                  isDestructive ? "text-error" : isSuccess ? "text-success" : "text-muted-foreground"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h3",
+            className: cn(
+              "text-lg",
+              isDestructive ? "text-error" : isSuccess ? "text-success" : "text-foreground"
+            ),
+            children: displayText
+          }
+        ),
+        description && /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-muted-foreground max-w-sm", children: description }),
+        actionLabel && (onAction || actionEvent) && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "mt-4",
+            variant: isDestructive ? "danger" : "primary",
+            onClick: handleAction,
+            children: actionLabel
+          }
+        )
+      ]
+    }
+  ) });
+};
+EmptyState.displayName = "EmptyState";
+
+export { EmptyState };