@orvui/vue 0.0.0-stage → 0.1.1

package/dist/treemap-BvZ9giIP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treemap-BvZ9giIP.js","names":["_hoisted_1","_hoisted_2","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createVNode","_renderSlot","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","$attrs","$slots","_hoisted_1","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_mergeProps","_createVNode","_createElementBlock","_Fragment","_renderList","TreemapCell","_normalizeClass","_createSlots","_renderSlot","_toDisplayString","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createBlock","ChartTooltip","_unref","_withCtx","_renderSlot","_createElementVNode","_toDisplayString","_createVNode","NumberTicker","_createTextVNode","_createElementBlock","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main","emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createVNode","TreemapPlot","TreemapLegend","TreemapTooltip","_createElementVNode","_toDisplayString","_Fragment","_renderList","_sfc_main","useMediaQuery","useReducedMotion","SPRING_LAYOUT","cn","NumberTicker_default","usePlotSize","formatNumber","context","activeSelection","ChartTooltip_default","TREEMAP_COLORS","buildTreemap","colors","identities","nodes","items","pending","index","data","textColor","task","sum","child","source","color","foreground","path","target","item","total","node","layoutTreemap","tiles","positive","region","siblings","w","h","begin","end","children","divide","weight","proposed","fraction","firstWidth","x","firstHeight","y","createTreemapModel","plotRef","ref","size","model","computed","props","activeId","tile","emit","value","byId","reactive","useId","treemapContext","useTreemap","_hoisted_1$4","_hoisted_2$3","TreemapCell_default","defineComponent","__props","chart","bounds","accessibleName","tabIndex","activate","openBlock","createBlock","unref","motion","normalizeStyle","EASE_OUT","_cache","withCtx","createVNode","renderSlot","_ctx","createElementBlock","Fragment","createElementVNode","toDisplayString","createCommentVNode","_hoisted_1$3","TreemapPlot_default","element","focused","live","onMounted","onBeforeUnmount","watch","nextTick","remember","event","destination","key","horizontal","sign","cx","current","cy","best","selected","dx","dy","forward","score","keydown","next","LayoutGroup","mergeProps","$event","AnimatePresence","renderList","normalizeClass","createSlots","scope","_hoisted_1$2","_hoisted_2$2","_hoisted_3$2","TreemapTooltip_default","point","createTextVNode","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","TreemapLegend_default","_hoisted_1","_hoisted_2","_hoisted_3","Treemap_default","__emit","provide"],"sources":["../src/charts/treemap/src/model.ts","../src/charts/treemap/src/context.ts","../src/charts/treemap/src/TreemapCell.vue","../src/charts/treemap/src/TreemapCell.vue","../src/charts/treemap/src/TreemapPlot.vue","../src/charts/treemap/src/TreemapPlot.vue","../src/charts/treemap/src/TreemapTooltip.vue","../src/charts/treemap/src/TreemapTooltip.vue","../src/charts/treemap/src/TreemapLegend.vue","../src/charts/treemap/src/TreemapLegend.vue","../src/charts/treemap/src/Treemap.vue","../src/charts/treemap/src/Treemap.vue"],"sourcesContent":["interface TreemapBase {\n  id: string;\n  label: string;\n  color?: string;\n  textColor?: string;\n  description?: string;\n}\nexport interface TreemapLeaf extends TreemapBase {\n  value: number;\n}\nexport interface TreemapGroup extends TreemapBase {\n  children: readonly TreemapNode[];\n}\nexport type TreemapNode = TreemapLeaf | TreemapGroup;\nexport interface TreemapItem extends TreemapLeaf {\n  color: string;\n  textColor: string;\n  path: readonly string[];\n  share: number;\n}\nexport interface ResolvedNode {\n  id: string;\n  label: string;\n  value: number;\n  color: string;\n  children: ResolvedNode[];\n  item: TreemapItem | null;\n}\nexport interface TreemapTile extends TreemapItem {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\nexport const TREEMAP_COLORS = [\n  \"#1d4ed8\",\n  \"#7c3aed\",\n  \"#0f766e\",\n  \"#b45309\",\n  \"#be123c\",\n  \"#475569\",\n] as const;\n\ntype Visit = {\n  kind: \"visit\";\n  source: TreemapNode;\n  into: ResolvedNode[];\n  path: readonly string[];\n  color: string;\n  text: string;\n};\ntype Finish = { kind: \"finish\"; target: ResolvedNode };\n\nexport function buildTreemap(\n  data: readonly TreemapNode[],\n  colors: readonly string[],\n  textColor: string,\n) {\n  if (!colors.length)\n    throw new Error(\"Treemap: colors must contain at least one color.\");\n  const identities = new Set<string>();\n  const nodes: ResolvedNode[] = [];\n  const items: TreemapItem[] = [];\n  const pending: (Visit | Finish)[] = [];\n  for (let index = data.length - 1; index >= 0; index--)\n    pending.push({\n      kind: \"visit\",\n      source: data[index],\n      into: nodes,\n      path: [],\n      color: colors[index % colors.length],\n      text: textColor,\n    });\n  while (pending.length) {\n    const task = pending.pop()!;\n    if (task.kind === \"finish\") {\n      task.target.value = task.target.children.reduce(\n        (sum, child) => sum + child.value,\n        0,\n      );\n      if (!Number.isFinite(task.target.value))\n        throw new Error(\"Treemap: group totals must remain finite.\");\n      continue;\n    }\n    const { source } = task;\n    if (identities.has(source.id))\n      throw new Error(`Treemap: duplicate node ID \"${source.id}\".`);\n    identities.add(source.id);\n    const color = source.color ?? task.color;\n    const foreground = source.textColor ?? task.text;\n    const path = [...task.path, source.label];\n    const target: ResolvedNode = {\n      id: source.id,\n      label: source.label,\n      color,\n      value: 0,\n      children: [],\n      item: null,\n    };\n    task.into.push(target);\n    if (\"children\" in source) {\n      pending.push({ kind: \"finish\", target });\n      for (let index = source.children.length - 1; index >= 0; index--)\n        pending.push({\n          kind: \"visit\",\n          source: source.children[index],\n          into: target.children,\n          path,\n          color,\n          text: foreground,\n        });\n    } else {\n      if (!Number.isFinite(source.value) || source.value < 0)\n        throw new Error(\"Treemap: leaf values must be finite and nonnegative.\");\n      const item: TreemapItem = {\n        ...source,\n        color,\n        textColor: foreground,\n        path,\n        share: 0,\n      };\n      target.value = source.value;\n      target.item = item;\n      items.push(item);\n    }\n  }\n  const total = nodes.reduce((sum, node) => sum + node.value, 0);\n  if (!Number.isFinite(total))\n    throw new Error(\"Treemap: the total must remain finite.\");\n  for (const item of items) item.share = total ? item.value / total : 0;\n  return { nodes, items, total };\n}\n\ntype Region = {\n  nodes: readonly ResolvedNode[];\n  begin: number;\n  end: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\nexport function layoutTreemap(\n  nodes: readonly ResolvedNode[],\n  width: number,\n  height: number,\n) {\n  const tiles: TreemapTile[] = [];\n  const positive = nodes.filter((node) => node.value > 0);\n  const pending: Region[] = [\n    {\n      nodes: positive,\n      begin: 0,\n      end: positive.length,\n      x: 0,\n      y: 0,\n      width,\n      height,\n    },\n  ];\n  while (pending.length) {\n    const region = pending.pop()!;\n    const { nodes: siblings, begin, end, x, y, width: w, height: h } = region;\n    if (begin === end) continue;\n    if (end - begin === 1) {\n      const node = siblings[begin];\n      if (node.item) {\n        if (w > 0 && h > 0)\n          tiles.push({ ...node.item, x, y, width: w, height: h });\n      } else {\n        const children = node.children.filter((child) => child.value > 0);\n        pending.push({\n          ...region,\n          nodes: children,\n          begin: 0,\n          end: children.length,\n        });\n      }\n      continue;\n    }\n    let total = 0;\n    for (let index = begin; index < end; index++)\n      total += siblings[index].value;\n    let divide = begin + 1;\n    let weight = siblings[begin].value;\n    for (let index = begin + 1; index < end - 1; index++) {\n      const proposed = weight + siblings[index].value;\n      if (Math.abs(proposed - total / 2) > Math.abs(weight - total / 2)) break;\n      divide = index + 1;\n      weight = proposed;\n    }\n    const fraction = weight / total;\n    if (w >= h) {\n      const firstWidth = w * fraction;\n      pending.push({\n        ...region,\n        begin: divide,\n        x: x + firstWidth,\n        width: w - firstWidth,\n      });\n      pending.push({ ...region, end: divide, width: firstWidth });\n    } else {\n      const firstHeight = h * fraction;\n      pending.push({\n        ...region,\n        begin: divide,\n        y: y + firstHeight,\n        height: h - firstHeight,\n      });\n      pending.push({ ...region, end: divide, height: firstHeight });\n    }\n  }\n  return tiles;\n}\n","import { computed, reactive, ref, useId } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { activeSelection, context, formatNumber, usePlotSize } from \"../../shared\";\nimport {\n  buildTreemap,\n  layoutTreemap,\n  TREEMAP_COLORS,\n  type TreemapNode,\n} from \"./model\";\nexport interface TreemapProps {\n  data: readonly TreemapNode[];\n  label?: string;\n  formatValue?: (value: number) => string;\n  colors?: readonly string[];\n  textColor?: string;\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  className?: string;\n}\nexport function createTreemapModel(\n  props: TreemapProps,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const plotRef = ref<HTMLElement | null>(null);\n  const size = usePlotSize(plotRef, { width: 1000, height: 625 });\n  const model = computed(() =>\n    buildTreemap(\n      props.data,\n      props.colors ?? TREEMAP_COLORS,\n      props.textColor ?? \"#ffffff\",\n    ),\n  );\n  const tiles = computed(() =>\n    layoutTreemap(model.value.nodes, size.value.width, size.value.height),\n  );\n  const activeId = activeSelection(\n    () => props.activeId,\n    props.defaultActiveId ?? null,\n    computed(() => tiles.value.map((tile) => tile.id)),\n    (value) => {\n      emit(\"update:activeId\", value);\n      emit(\"activeChange\", value);\n    },\n  );\n  const byId = computed(\n    () => new Map(tiles.value.map((tile) => [tile.id, tile])),\n  );\n  return reactive({\n    nodes: computed(() => model.value.nodes),\n    items: computed(() => model.value.items),\n    total: computed(() => model.value.total),\n    tiles,\n    size,\n    plotRef,\n    activeId,\n    active: computed(() =>\n      activeId.value === null ? null : (byId.value.get(activeId.value) ?? null),\n    ),\n    setActive(value: string | null) {\n      activeId.value = value;\n    },\n    tooltipOpen: ref(false),\n    tooltipId: useId(),\n    formatValue: computed(() => props.formatValue ?? formatNumber),\n    label: computed(() => props.label ?? \"Treemap\"),\n    reduce: useReducedMotion(),\n    canHover: useMediaQuery(\"(hover: hover)\"),\n  });\n}\nexport const treemapContext =\n  context<ReturnType<typeof createTreemapModel>>(\"Treemap\");\nexport const useTreemap = treemapContext.use;\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useTreemap } from \"./context\";\nimport type { TreemapTile } from \"./model\";\nconst props = defineProps<{ tile: TreemapTile }>();\nconst chart = useTreemap();\nconst bounds = computed(() => ({\n  left: (props.tile.x / chart.size.width) * 100 + \"%\",\n  top: (props.tile.y / chart.size.height) * 100 + \"%\",\n  width: (props.tile.width / chart.size.width) * 100 + \"%\",\n  height: (props.tile.height / chart.size.height) * 100 + \"%\",\n  backgroundColor: props.tile.color,\n  color: props.tile.textColor,\n  borderRadius: \"8px\",\n}));\nconst accessibleName = computed(() =>\n  [\n    props.tile.path.join(\" / \"),\n    chart.formatValue(props.tile.value),\n    (props.tile.share * 100).toFixed(1) + \"% of total\",\n    props.tile.description,\n  ]\n    .filter(Boolean)\n    .join(\". \"),\n);\nconst tabIndex = computed(() =>\n  chart.tiles.findIndex((tile) => tile.id === props.tile.id) ===\n  Math.max(\n    0,\n    chart.tiles.findIndex((tile) => tile.id === chart.activeId),\n  )\n    ? 0\n    : -1,\n);\nfunction activate() {\n  chart.setActive(props.tile.id);\n  chart.tooltipOpen = true;\n}\n</script>\n<template>\n  <motion.button\n    type=\"button\"\n    :data-tile=\"tile.id\"\n    :layout=\"!chart.reduce\"\n    :tabindex=\"tabIndex\"\n    :aria-label=\"accessibleName\"\n    :aria-describedby=\"\n      chart.tooltipOpen && chart.activeId === tile.id\n        ? chart.tooltipId\n        : undefined\n    \"\n    class=\"absolute overflow-hidden border-2 border-background text-left outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white\"\n    :style=\"bounds\"\n    :initial=\"{ opacity: 0 }\"\n    :animate=\"{ opacity: 1 }\"\n    :exit=\"{ opacity: 0 }\"\n    :transition=\"{\n      layout: chart.reduce ? { duration: 0 } : SPRING_LAYOUT,\n      opacity: { duration: 0.18, ease: EASE_OUT },\n    }\"\n    @pointerenter=\"chart.canHover && activate()\"\n    @pointerdown=\"activate\"\n    @click=\"activate\"\n    @focus=\"activate\"\n    ><motion.span\n      aria-hidden=\"true\"\n      :layout=\"chart.reduce ? false : 'position'\"\n      :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute inset-x-2 top-2 min-w-0 sm:inset-x-3 sm:top-3\"\n      ><slot :tile=\"tile\"\n        ><template v-if=\"tile.width >= 52 && tile.height >= 32\"\n          ><span class=\"block truncate text-xs font-semibold sm:text-sm\">{{\n            tile.label\n          }}</span\n          ><span\n            v-if=\"tile.width >= 70 && tile.height >= 56\"\n            class=\"mt-1 block truncate font-mono text-[10px] tabular-nums opacity-80 sm:text-xs\"\n            >{{ chart.formatValue(tile.value) }}</span\n          ></template\n        ></slot\n      ></motion.span\n    ><motion.span\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-0 bg-white/10\"\n      :initial=\"false\"\n      :animate=\"{\n        opacity: chart.tooltipOpen && chart.activeId === tile.id ? 1 : 0,\n      }\"\n      :transition=\"{ duration: 0.1, ease: EASE_OUT }\"\n  /></motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useTreemap } from \"./context\";\nimport type { TreemapTile } from \"./model\";\nconst props = defineProps<{ tile: TreemapTile }>();\nconst chart = useTreemap();\nconst bounds = computed(() => ({\n  left: (props.tile.x / chart.size.width) * 100 + \"%\",\n  top: (props.tile.y / chart.size.height) * 100 + \"%\",\n  width: (props.tile.width / chart.size.width) * 100 + \"%\",\n  height: (props.tile.height / chart.size.height) * 100 + \"%\",\n  backgroundColor: props.tile.color,\n  color: props.tile.textColor,\n  borderRadius: \"8px\",\n}));\nconst accessibleName = computed(() =>\n  [\n    props.tile.path.join(\" / \"),\n    chart.formatValue(props.tile.value),\n    (props.tile.share * 100).toFixed(1) + \"% of total\",\n    props.tile.description,\n  ]\n    .filter(Boolean)\n    .join(\". \"),\n);\nconst tabIndex = computed(() =>\n  chart.tiles.findIndex((tile) => tile.id === props.tile.id) ===\n  Math.max(\n    0,\n    chart.tiles.findIndex((tile) => tile.id === chart.activeId),\n  )\n    ? 0\n    : -1,\n);\nfunction activate() {\n  chart.setActive(props.tile.id);\n  chart.tooltipOpen = true;\n}\n</script>\n<template>\n  <motion.button\n    type=\"button\"\n    :data-tile=\"tile.id\"\n    :layout=\"!chart.reduce\"\n    :tabindex=\"tabIndex\"\n    :aria-label=\"accessibleName\"\n    :aria-describedby=\"\n      chart.tooltipOpen && chart.activeId === tile.id\n        ? chart.tooltipId\n        : undefined\n    \"\n    class=\"absolute overflow-hidden border-2 border-background text-left outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white\"\n    :style=\"bounds\"\n    :initial=\"{ opacity: 0 }\"\n    :animate=\"{ opacity: 1 }\"\n    :exit=\"{ opacity: 0 }\"\n    :transition=\"{\n      layout: chart.reduce ? { duration: 0 } : SPRING_LAYOUT,\n      opacity: { duration: 0.18, ease: EASE_OUT },\n    }\"\n    @pointerenter=\"chart.canHover && activate()\"\n    @pointerdown=\"activate\"\n    @click=\"activate\"\n    @focus=\"activate\"\n    ><motion.span\n      aria-hidden=\"true\"\n      :layout=\"chart.reduce ? false : 'position'\"\n      :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute inset-x-2 top-2 min-w-0 sm:inset-x-3 sm:top-3\"\n      ><slot :tile=\"tile\"\n        ><template v-if=\"tile.width >= 52 && tile.height >= 32\"\n          ><span class=\"block truncate text-xs font-semibold sm:text-sm\">{{\n            tile.label\n          }}</span\n          ><span\n            v-if=\"tile.width >= 70 && tile.height >= 56\"\n            class=\"mt-1 block truncate font-mono text-[10px] tabular-nums opacity-80 sm:text-xs\"\n            >{{ chart.formatValue(tile.value) }}</span\n          ></template\n        ></slot\n      ></motion.span\n    ><motion.span\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-0 bg-white/10\"\n      :initial=\"false\"\n      :animate=\"{\n        opacity: chart.tooltipOpen && chart.activeId === tile.id ? 1 : 0,\n      }\"\n      :transition=\"{ duration: 0.1, ease: EASE_OUT }\"\n  /></motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { LayoutGroup, AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useTreemap } from \"./context\";\nimport type { TreemapTile } from \"./model\";\nimport TreemapCell from \"./TreemapCell.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ tileClassName?: string }>();\nconst chart = useTreemap();\nconst element = ref<HTMLElement | null>(null);\nlet focused: string | null = null,\n  live = false;\nonMounted(() => {\n  live = true;\n  chart.plotRef = element.value;\n});\nonBeforeUnmount(() => {\n  live = false;\n  if (chart.plotRef === element.value) chart.plotRef = null;\n});\nwatch(\n  () => chart.tiles.map((tile) => tile.id),\n  async (ids) => {\n    if (!focused || ids.includes(focused)) return;\n    focused = null;\n    await nextTick();\n    if (\n      live &&\n      (document.activeElement === document.body ||\n        !element.value?.contains(document.activeElement))\n    )\n      (\n        element.value?.querySelector<HTMLElement>(\"[data-tile]\") ??\n        element.value\n      )?.focus();\n  },\n);\nfunction remember(event: FocusEvent) {\n  focused = (event.target as HTMLElement).dataset.tile ?? null;\n}\nfunction destination(current: TreemapTile, key: string) {\n  if (key === \"Home\") return chart.tiles[0];\n  if (key === \"End\") return chart.tiles.at(-1);\n  const horizontal = key === \"ArrowLeft\" || key === \"ArrowRight\";\n  const sign = key === \"ArrowLeft\" || key === \"ArrowUp\" ? -1 : 1;\n  const cx = current.x + current.width / 2,\n    cy = current.y + current.height / 2;\n  let best = Infinity,\n    selected = current;\n  for (const tile of chart.tiles) {\n    const dx = tile.x + tile.width / 2 - cx,\n      dy = tile.y + tile.height / 2 - cy;\n    const forward = (horizontal ? dx : dy) * sign;\n    const score = forward + Math.abs(horizontal ? dy : dx) * 2;\n    if (forward > 0.01 && score < best) {\n      best = score;\n      selected = tile;\n    }\n  }\n  return selected;\n}\nfunction keydown(event: KeyboardEvent) {\n  const current = chart.tiles.find(\n    (tile) => tile.id === (event.target as HTMLElement).dataset.tile,\n  );\n  if (!current) return;\n  if (event.key === \"Escape\") {\n    chart.tooltipOpen = false;\n    return;\n  }\n  if (\n    ![\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"Home\",\n      \"End\",\n    ].includes(event.key)\n  )\n    return;\n  event.preventDefault();\n  const next = destination(current, event.key);\n  Array.from(element.value?.querySelectorAll<HTMLElement>(\"[data-tile]\") ?? [])\n    .find((node) => node.dataset.tile === next?.id)\n    ?.focus();\n}\n</script>\n<template>\n  <LayoutGroup\n    ><div\n      ref=\"element\"\n      v-bind=\"$attrs\"\n      role=\"group\"\n      aria-label=\"Treemap tiles\"\n      tabindex=\"-1\"\n      data-slot=\"treemap-plot\"\n      :class=\"\n        cn(\n          'relative h-80 w-full min-w-0 rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-ring',\n          $attrs.class as string,\n        )\n      \"\n      @focusin=\"remember\"\n      @keydown=\"keydown\"\n      @pointerleave=\"chart.tooltipOpen = false\"\n      @focusout=\"\n        !element?.contains($event.relatedTarget as Node) &&\n        (chart.tooltipOpen = false)\n      \"\n    >\n      <AnimatePresence :initial=\"false\"\n        ><TreemapCell\n          v-for=\"tile in chart.tiles\"\n          :key=\"tile.id\"\n          :tile=\"tile\"\n          :class=\"props.tileClassName\"\n          ><template v-if=\"$slots.tile\" #default=\"scope\"\n            ><slot name=\"tile\" v-bind=\"scope\" /></template></TreemapCell\n      ></AnimatePresence>\n      <p\n        v-if=\"!chart.tiles.length\"\n        class=\"flex h-full items-center justify-center text-sm text-muted-foreground\"\n      >\n        {{ chart.items.length ? \"No positive values\" : \"No treemap data\" }}\n      </p>\n    </div></LayoutGroup\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { LayoutGroup, AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useTreemap } from \"./context\";\nimport type { TreemapTile } from \"./model\";\nimport TreemapCell from \"./TreemapCell.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ tileClassName?: string }>();\nconst chart = useTreemap();\nconst element = ref<HTMLElement | null>(null);\nlet focused: string | null = null,\n  live = false;\nonMounted(() => {\n  live = true;\n  chart.plotRef = element.value;\n});\nonBeforeUnmount(() => {\n  live = false;\n  if (chart.plotRef === element.value) chart.plotRef = null;\n});\nwatch(\n  () => chart.tiles.map((tile) => tile.id),\n  async (ids) => {\n    if (!focused || ids.includes(focused)) return;\n    focused = null;\n    await nextTick();\n    if (\n      live &&\n      (document.activeElement === document.body ||\n        !element.value?.contains(document.activeElement))\n    )\n      (\n        element.value?.querySelector<HTMLElement>(\"[data-tile]\") ??\n        element.value\n      )?.focus();\n  },\n);\nfunction remember(event: FocusEvent) {\n  focused = (event.target as HTMLElement).dataset.tile ?? null;\n}\nfunction destination(current: TreemapTile, key: string) {\n  if (key === \"Home\") return chart.tiles[0];\n  if (key === \"End\") return chart.tiles.at(-1);\n  const horizontal = key === \"ArrowLeft\" || key === \"ArrowRight\";\n  const sign = key === \"ArrowLeft\" || key === \"ArrowUp\" ? -1 : 1;\n  const cx = current.x + current.width / 2,\n    cy = current.y + current.height / 2;\n  let best = Infinity,\n    selected = current;\n  for (const tile of chart.tiles) {\n    const dx = tile.x + tile.width / 2 - cx,\n      dy = tile.y + tile.height / 2 - cy;\n    const forward = (horizontal ? dx : dy) * sign;\n    const score = forward + Math.abs(horizontal ? dy : dx) * 2;\n    if (forward > 0.01 && score < best) {\n      best = score;\n      selected = tile;\n    }\n  }\n  return selected;\n}\nfunction keydown(event: KeyboardEvent) {\n  const current = chart.tiles.find(\n    (tile) => tile.id === (event.target as HTMLElement).dataset.tile,\n  );\n  if (!current) return;\n  if (event.key === \"Escape\") {\n    chart.tooltipOpen = false;\n    return;\n  }\n  if (\n    ![\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"Home\",\n      \"End\",\n    ].includes(event.key)\n  )\n    return;\n  event.preventDefault();\n  const next = destination(current, event.key);\n  Array.from(element.value?.querySelectorAll<HTMLElement>(\"[data-tile]\") ?? [])\n    .find((node) => node.dataset.tile === next?.id)\n    ?.focus();\n}\n</script>\n<template>\n  <LayoutGroup\n    ><div\n      ref=\"element\"\n      v-bind=\"$attrs\"\n      role=\"group\"\n      aria-label=\"Treemap tiles\"\n      tabindex=\"-1\"\n      data-slot=\"treemap-plot\"\n      :class=\"\n        cn(\n          'relative h-80 w-full min-w-0 rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-ring',\n          $attrs.class as string,\n        )\n      \"\n      @focusin=\"remember\"\n      @keydown=\"keydown\"\n      @pointerleave=\"chart.tooltipOpen = false\"\n      @focusout=\"\n        !element?.contains($event.relatedTarget as Node) &&\n        (chart.tooltipOpen = false)\n      \"\n    >\n      <AnimatePresence :initial=\"false\"\n        ><TreemapCell\n          v-for=\"tile in chart.tiles\"\n          :key=\"tile.id\"\n          :tile=\"tile\"\n          :class=\"props.tileClassName\"\n          ><template v-if=\"$slots.tile\" #default=\"scope\"\n            ><slot name=\"tile\" v-bind=\"scope\" /></template></TreemapCell\n      ></AnimatePresence>\n      <p\n        v-if=\"!chart.tiles.length\"\n        class=\"flex h-full items-center justify-center text-sm text-muted-foreground\"\n      >\n        {{ chart.items.length ? \"No positive values\" : \"No treemap data\" }}\n      </p>\n    </div></LayoutGroup\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useTreemap } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst chart = useTreemap();\nconst point = computed(() =>\n  chart.active\n    ? {\n        x: (chart.active.x + chart.active.width / 2) / chart.size.width,\n        y: (chart.active.y + chart.active.height / 2) / chart.size.height,\n      }\n    : { x: 0.5, y: 0.5 },\n);\n</script>\n<template>\n  <ChartTooltip\n    :open=\"chart.tooltipOpen && chart.active !== null\"\n    :anchor=\"chart.plotRef\"\n    :id=\"chart.tooltipId\"\n    :point=\"point\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"chart.tooltipOpen = $event\"\n    ><slot v-if=\"chart.active\" :item=\"chart.active\"\n      ><p class=\"text-muted-foreground\">{{ chart.active.path.join(\" / \") }}</p>\n      <p class=\"mt-1 font-mono\">\n        <NumberTicker\n          :value=\"chart.active.value\"\n          :format=\"() => chart.formatValue(chart.active!.value)\"\n          :start-on-view=\"false\"\n          :duration=\"0.2\"\n          :stagger=\"0\"\n        />\n        · {{ (chart.active.share * 100).toFixed(1) }}%\n      </p>\n      <p v-if=\"chart.active.description\" class=\"mt-1 text-muted-foreground\">\n        {{ chart.active.description }}\n      </p></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useTreemap } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst chart = useTreemap();\nconst point = computed(() =>\n  chart.active\n    ? {\n        x: (chart.active.x + chart.active.width / 2) / chart.size.width,\n        y: (chart.active.y + chart.active.height / 2) / chart.size.height,\n      }\n    : { x: 0.5, y: 0.5 },\n);\n</script>\n<template>\n  <ChartTooltip\n    :open=\"chart.tooltipOpen && chart.active !== null\"\n    :anchor=\"chart.plotRef\"\n    :id=\"chart.tooltipId\"\n    :point=\"point\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"chart.tooltipOpen = $event\"\n    ><slot v-if=\"chart.active\" :item=\"chart.active\"\n      ><p class=\"text-muted-foreground\">{{ chart.active.path.join(\" / \") }}</p>\n      <p class=\"mt-1 font-mono\">\n        <NumberTicker\n          :value=\"chart.active.value\"\n          :format=\"() => chart.formatValue(chart.active!.value)\"\n          :start-on-view=\"false\"\n          :duration=\"0.2\"\n          :stagger=\"0\"\n        />\n        · {{ (chart.active.share * 100).toFixed(1) }}%\n      </p>\n      <p v-if=\"chart.active.description\" class=\"mt-1 text-muted-foreground\">\n        {{ chart.active.description }}\n      </p></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { useTreemap } from \"./context\";\nwithDefaults(defineProps<{ showValues?: boolean }>(), { showValues: false });\nconst chart = useTreemap();\n</script>\n<template>\n  <ul\n    v-if=\"chart.nodes.length\"\n    aria-label=\"Treemap legend\"\n    class=\"flex flex-wrap gap-x-5 gap-y-2 text-xs\"\n  >\n    <li\n      v-for=\"node in chart.nodes\"\n      :key=\"node.id\"\n      class=\"inline-flex items-center gap-1.5\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"size-1.5 shrink-0 rounded-full\"\n        :style=\"{ backgroundColor: node.color }\"\n      /><span class=\"text-muted-foreground\">{{ node.label }}</span\n      ><span v-if=\"showValues\" class=\"font-mono tabular-nums\">{{\n        chart.formatValue(node.value)\n      }}</span>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { useTreemap } from \"./context\";\nwithDefaults(defineProps<{ showValues?: boolean }>(), { showValues: false });\nconst chart = useTreemap();\n</script>\n<template>\n  <ul\n    v-if=\"chart.nodes.length\"\n    aria-label=\"Treemap legend\"\n    class=\"flex flex-wrap gap-x-5 gap-y-2 text-xs\"\n  >\n    <li\n      v-for=\"node in chart.nodes\"\n      :key=\"node.id\"\n      class=\"inline-flex items-center gap-1.5\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"size-1.5 shrink-0 rounded-full\"\n        :style=\"{ backgroundColor: node.color }\"\n      /><span class=\"text-muted-foreground\">{{ node.label }}</span\n      ><span v-if=\"showValues\" class=\"font-mono tabular-nums\">{{\n        chart.formatValue(node.value)\n      }}</span>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createTreemapModel,\n  treemapContext,\n  type TreemapProps,\n} from \"./context\";\nimport TreemapPlot from \"./TreemapPlot.vue\";\nimport TreemapTooltip from \"./TreemapTooltip.vue\";\nimport TreemapLegend from \"./TreemapLegend.vue\";\nconst props = defineProps<TreemapProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst chart = createTreemapModel(props, emit);\nprovide(treemapContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['relative w-full min-w-0 space-y-4', props.className]\"\n    data-slot=\"treemap\"\n  >\n    <slot><TreemapPlot /><TreemapLegend /><TreemapTooltip /></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Item</th>\n            <th>Value</th>\n            <th>Share</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"item in chart.items\" :key=\"item.id\">\n            <th scope=\"row\">{{ item.path.join(\" / \") }}</th>\n            <td>{{ chart.formatValue(item.value) }}</td>\n            <td>{{ (item.share * 100).toFixed(1) }}%</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createTreemapModel,\n  treemapContext,\n  type TreemapProps,\n} from \"./context\";\nimport TreemapPlot from \"./TreemapPlot.vue\";\nimport TreemapTooltip from \"./TreemapTooltip.vue\";\nimport TreemapLegend from \"./TreemapLegend.vue\";\nconst props = defineProps<TreemapProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst chart = createTreemapModel(props, emit);\nprovide(treemapContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['relative w-full min-w-0 space-y-4', props.className]\"\n    data-slot=\"treemap\"\n  >\n    <slot><TreemapPlot /><TreemapLegend /><TreemapTooltip /></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Item</th>\n            <th>Value</th>\n            <th>Share</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"item in chart.items\" :key=\"item.id\">\n            <th scope=\"row\">{{ item.path.join(\" / \") }}</th>\n            <td>{{ chart.formatValue(item.value) }}</td>\n            <td>{{ (item.share * 100).toFixed(1) }}%</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/utils-DIrLOK2M.js

@@ -0,0 +1,10 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+// src/lib/utils.ts
+function n(...n) {
+	let r = e(...n);
+	return t(r);
+}
+export { n as t };
+
+//# sourceMappingURL=utils-DIrLOK2M.js.map

package/dist/utils-DIrLOK2M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DIrLOK2M.js","names":["cn","inputs","combined","clsx","twMerge"],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"],"mappings":";;;AAGA,SAAgBA,EAAG,GAAGC,GAAmB;CACvC,IAAMC,IAAWC,EAAK,GAAGF,CAAsB;CAC/C,OAAOG,EAAQF,CAAQ;AACzB"}

package/dist/voice-orb-BOMRQOnB.js

@@ -0,0 +1,200 @@
+import { a as e } from "./ease-rIvCM4O3.js";
+import { a as t } from "./shared-DAEawhBJ.js";
+import { createElementBlock as n, createTextVNode as r, defineComponent as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, watch as u } from "vue";
+import { isMotionValue as d, useMotionValue as f, useSpring as p } from "motion-v";
+// src/agents/voice-orb/src/renderer.ts
+var m = "\nattribute vec2 position;\nvarying vec2 uv;\nvoid main() {\n  uv = position;\n  gl_Position = vec4(position, 0.0, 1.0);\n}", h = "\nprecision highp float;\nvarying vec2 uv;\nuniform vec2 resolution;\nuniform float clock;\nuniform float energy;\nuniform vec3 pigment;\nuniform vec3 highlight;\nuniform vec3 shade;\n\nfloat field(vec3 q) {\n  float a = sin(q.x * 2.7 + sin(q.y * 2.1) + q.z);\n  float b = cos(q.y * 3.2 - sin(q.z * 2.6) + q.x * .8);\n  float c = sin(q.z * 4.1 + cos(q.x * 2.2) + q.y);\n  return (a + b * .57 + c * .31) / 1.88;\n}\nvoid main() {\n  vec2 p = uv * resolution / min(resolution.x, resolution.y);\n  float angle = atan(p.y, p.x);\n  float wave = sin(angle * 3.0 + clock * .8) * .55\n             + cos(angle * 5.0 - clock * .65) * .3\n             + sin(angle * 2.0 + clock * .4) * .15;\n  float radius = .91 + .008 * sin(clock * 1.4) + energy * .025;\n  radius += wave * (.004 + energy * .024);\n  p /= radius;\n  float squared = dot(p, p);\n  float opacity = 1.0 - smoothstep(1.0 - 3.0 / min(resolution.x, resolution.y), 1.0, squared);\n  if (opacity < .001) { gl_FragColor = vec4(0.0); return; }\n  vec3 n = vec3(p, sqrt(max(0.0, 1.0 - squared)));\n  float time = clock * .25;\n  vec3 q = n * vec3(1.8, 1.6, 1.5) + vec3(time, -time * .7, time * .4);\n  float flow = field(q);\n  vec3 bent = q + vec3(field(q.yzx + 3.2), field(q.zxy - 2.8), flow) * (.45 + energy * .35);\n  float folds = field(bent) * .38 + n.x * .48 + n.y * .3;\n  vec3 ink = mix(shade, pigment, smoothstep(-.45, .35, folds));\n  ink = mix(ink, highlight, smoothstep(.1, .8, flow) * .3);\n  float lit = max(dot(n, normalize(vec3(-.4, .65, 1.0))), 0.0);\n  ink *= .64 + .46 * lit;\n  float seam = exp(-pow((folds + .04) * 8.0, 2.0)) * pow(n.z, .7);\n  ink = mix(ink, mix(highlight, vec3(1.0), .55), seam * .75);\n  ink = mix(ink, highlight, exp(-pow((folds - .28) * 4.0, 2.0)) * n.z * (.18 + energy * .16));\n  ink += pow(lit, 24.0) * .16;\n  ink = mix(ink, highlight, pow(1.0 - n.z, 3.0) * (.36 + .25 * max(-n.x, 0.0)));\n  float grain = fract(sin(dot(gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453) - .5;\n  gl_FragColor = vec4(clamp(ink + grain * .032, 0.0, 1.0), opacity);\n}";
+function g(e) {
+	if (!/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(e)) throw Error("VoiceOrb colors must be #RGB or #RRGGBB hex colors.");
+	let t = e.slice(1), n = t.length === 3 ? Array.from(t, (e) => e + e) : [
+		t.slice(0, 2),
+		t.slice(2, 4),
+		t.slice(4, 6)
+	];
+	return Float32Array.from(n, (e) => parseInt(e, 16) / 255);
+}
+function _(e, t, n) {
+	let r = e.getContext("webgl", {
+		alpha: !0,
+		antialias: !1,
+		premultipliedAlpha: !1,
+		powerPreference: "low-power"
+	});
+	if (!r) throw Error("WebGL is unavailable in this browser.");
+	let i = r, a = { shaders: [] }, o = /* @__PURE__ */ new Map(), s = !1, c = !1, l = !1, u = !0, d, f, p = 0, _ = e.clientWidth || 256, v = e.clientHeight || 256, y = "", b = () => {
+		a.shaders.splice(0).forEach((e) => i.deleteShader(e)), a.buffer && i.deleteBuffer(a.buffer), a.program && i.deleteProgram(a.program), a.buffer = void 0, a.program = void 0, o.clear();
+	}, x = () => {
+		let e = (e, t) => {
+			let n = i.createShader(e);
+			if (!n) throw Error("Could not allocate an orb shader.");
+			if (a.shaders.push(n), i.shaderSource(n, t), i.compileShader(n), !i.getShaderParameter(n, i.COMPILE_STATUS)) throw Error(i.getShaderInfoLog(n) || "Could not compile the orb shader.");
+			return n;
+		}, t = e(i.VERTEX_SHADER, m), n = e(i.FRAGMENT_SHADER, h), r = i.createProgram();
+		if (!r) throw Error("Could not allocate the orb program.");
+		a.program = r;
+		for (let e of [t, n]) i.attachShader(r, e);
+		if (i.linkProgram(r), !i.getProgramParameter(r, i.LINK_STATUS)) throw Error(i.getProgramInfoLog(r) || "Could not link the orb program.");
+		i.useProgram(r);
+		let s = i.createBuffer();
+		if (!s) throw Error("Could not allocate the orb buffer.");
+		a.buffer = s, i.bindBuffer(i.ARRAY_BUFFER, s), i.bufferData(i.ARRAY_BUFFER, new Float32Array([
+			-1,
+			-1,
+			1,
+			-1,
+			-1,
+			1,
+			1,
+			1
+		]), i.STATIC_DRAW);
+		let c = i.getAttribLocation(r, "position");
+		i.enableVertexAttribArray(c), i.vertexAttribPointer(c, 2, i.FLOAT, !1, 0, 0);
+		for (let e of [
+			"resolution",
+			"clock",
+			"energy",
+			"pigment",
+			"highlight",
+			"shade"
+		]) o.set(e, i.getUniformLocation(r, e));
+		y = "";
+	}, S = () => {
+		d !== void 0 && cancelAnimationFrame(d), d = void 0, f = void 0;
+	}, C = () => !s && !l && !c && u && !document.hidden, w = (e) => {
+		l = !0, S(), n(e instanceof Error ? e : Error(String(e)));
+	}, T = (n) => {
+		if (d = void 0, !C()) f = void 0;
+		else try {
+			let r = t(), a = f === void 0 ? 0 : Math.min(50, Math.max(0, n - f)) / 1e3;
+			r.animated && (p += a * r.speed * (1 + r.activity * .6)), f = r.animated ? n : void 0;
+			let s = Math.min(2, window.devicePixelRatio || 1), c = [Math.max(1, Math.round(_ * s)), Math.max(1, Math.round(v * s))];
+			e.width !== c[0] && (e.width = c[0]), e.height !== c[1] && (e.height = c[1]), i.viewport(0, 0, c[0], c[1]), i.uniform2f(o.get("resolution") ?? null, c[0], c[1]), i.uniform1f(o.get("clock") ?? null, p), i.uniform1f(o.get("energy") ?? null, r.activity);
+			let l = r.colors.join("|");
+			if (y !== l) {
+				let e = r.colors.map(g);
+				[
+					"pigment",
+					"highlight",
+					"shade"
+				].forEach((t, n) => i.uniform3fv(o.get(t) ?? null, e[n])), y = l;
+			}
+			i.drawArrays(i.TRIANGLE_STRIP, 0, 4), r.animated && E();
+		} catch (e) {
+			w(e);
+		}
+	};
+	function E() {
+		C() && d === void 0 && (d = requestAnimationFrame(T));
+	}
+	let D = (e) => {
+		e.preventDefault(), c = !0, S();
+	}, O = () => {
+		if (!s) try {
+			b(), x(), c = !1, l = !1, E();
+		} catch (e) {
+			w(e);
+		}
+	}, k = () => {
+		document.hidden ? S() : E();
+	};
+	try {
+		x();
+	} catch (e) {
+		throw b(), e;
+	}
+	let A = typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
+		let t = e[0];
+		t && (_ = t.contentRect.width || _, v = t.contentRect.height || v), E();
+	});
+	A?.observe(e);
+	let j = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+		u = e[0]?.isIntersecting ?? !0, u ? E() : S();
+	});
+	return j?.observe(e), e.addEventListener("webglcontextlost", D), e.addEventListener("webglcontextrestored", O), document.addEventListener("visibilitychange", k), E(), {
+		requestDraw: E,
+		dispose() {
+			s || (s = !0, S(), A?.disconnect(), j?.disconnect(), e.removeEventListener("webglcontextlost", D), e.removeEventListener("webglcontextrestored", O), document.removeEventListener("visibilitychange", k), b());
+		}
+	};
+}
+// src/agents/voice-orb/src/VoiceOrb.vue?vue&type=script&setup=true&lang.ts
+var v = [
+	"aria-label",
+	"aria-hidden",
+	"data-render-state"
+], y = {
+	key: 0,
+	class: "flex size-full items-center justify-center rounded-full border border-border bg-card p-8 text-center text-xs text-muted-foreground"
+}, b = /* @__PURE__ */ i({
+	__name: "VoiceOrb",
+	props: {
+		activity: { default: 0 },
+		analyser: { default: null },
+		colors: { default: () => [
+			"#e8754d",
+			"#ffe0ac",
+			"#346b52"
+		] },
+		active: {
+			type: Boolean,
+			default: !0
+		},
+		speed: { default: 1 },
+		label: {}
+	},
+	emits: ["error"],
+	setup(i, { emit: m }) {
+		let h = i, g = m, b = c(), x = c(null), S = t(), C = f(0), w = p(C, e), T, E, D, O, k, A = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0, j = () => h.active && !S.value;
+		function M(e) {
+			C.set(j() ? A(e) : 0), T?.requestDraw();
+		}
+		u([
+			() => h.activity,
+			() => h.active,
+			S
+		], () => {
+			E?.(), E = void 0;
+			let e = h.activity;
+			d(e) ? (M(e.get()), E = e.on("change", M)) : M(e);
+		}, { immediate: !0 }), u([() => h.speed, () => h.colors], () => T?.requestDraw(), { deep: !0 });
+		function N(e) {
+			x.value = e, g("error", e);
+		}
+		return o(() => {
+			if (b.value) try {
+				T = _(b.value, () => {
+					if (j() && h.analyser) {
+						(k !== h.analyser || O?.length !== h.analyser.fftSize) && (k = h.analyser, O = new Uint8Array(new ArrayBuffer(k.fftSize))), k.getByteTimeDomainData(O);
+						let e = O.reduce((e, t) => e + ((t - 128) / 128) ** 2, 0) / O.length;
+						C.set(A(3 * Math.sqrt(e)));
+					}
+					return {
+						activity: j() ? A(w.get()) : 0,
+						colors: h.colors,
+						speed: Number.isFinite(h.speed) ? Math.max(0, h.speed) : 1,
+						animated: j() && (h.speed > 0 || !!h.analyser)
+					};
+				}, N), D = w.on("change", () => T?.requestDraw());
+			} catch (e) {
+				N(e instanceof Error ? e : Error(String(e)));
+			}
+		}), a(() => {
+			E?.(), D?.(), T?.dispose(), T = void 0, O = void 0, k = void 0;
+		}), (e, t) => (s(), n("div", {
+			"data-slot": "voice-orb",
+			class: "relative aspect-square w-64 shrink-0",
+			role: "img",
+			"aria-label": i.label,
+			"aria-hidden": !i.label || void 0,
+			"data-render-state": x.value ? "error" : "ready"
+		}, [x.value ? (s(), n("div", y, [l(e.$slots, "fallback", {}, () => [t[0] ||= r("Orb rendering unavailable", -1)])])) : (s(), n("canvas", {
+			key: 1,
+			ref_key: "canvas",
+			ref: b,
+			class: "block size-full"
+		}, null, 512))], 8, v));
+	}
+});
+export { b as t };
+
+//# sourceMappingURL=voice-orb-BOMRQOnB.js.map

package/dist/voice-orb-BOMRQOnB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-orb-BOMRQOnB.js","names":["_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_sfc_main","SPRING_GLIDE","useReduced","vertexProgram","fragmentProgram","parseColor","value","digits","pairs","digit","pair","createOrbRenderer","context","canvas","gpu","resources","locations","disposed","unavailable","failed","inViewport","scheduled","lastTime","elapsed","width","height","colorKey","release","shader","link","compile","kind","text","vertex","fragment","program","buffer","position","name","halt","canPaint","report","onError","problem","paint","state","read","delta","now","ratio","pixels","nextColors","channels","index","requestDraw","lost","event","restored","visibility","resize","entry","entries","intersection","_hoisted_1","_hoisted_2","VoiceOrb_default","defineComponent","__emit","props","__props","emit","ref","error","reduced","destination","useMotionValue","smoothed","useSpring","engine","detachInput","detachSpring","sample","sampling","unit","enabled","setLevel","watch","input","isMotionValue","fail","onMounted","meanSquare","sum","byte","onBeforeUnmount","openBlock","createElementBlock","renderSlot","_ctx","_cache","createTextVNode"],"sources":["../src/agents/voice-orb/src/renderer.ts","../src/agents/voice-orb/src/VoiceOrb.vue","../src/agents/voice-orb/src/VoiceOrb.vue"],"sourcesContent":["export interface OrbFrame {\n  activity: number;\n  colors: readonly [string, string, string];\n  speed: number;\n  animated: boolean;\n}\n\nconst vertexProgram = `\nattribute vec2 position;\nvarying vec2 uv;\nvoid main() {\n  uv = position;\n  gl_Position = vec4(position, 0.0, 1.0);\n}`;\n\n// A spherical pigment field built from crossing waves and an analytic rim.\nconst fragmentProgram = `\nprecision highp float;\nvarying vec2 uv;\nuniform vec2 resolution;\nuniform float clock;\nuniform float energy;\nuniform vec3 pigment;\nuniform vec3 highlight;\nuniform vec3 shade;\n\nfloat field(vec3 q) {\n  float a = sin(q.x * 2.7 + sin(q.y * 2.1) + q.z);\n  float b = cos(q.y * 3.2 - sin(q.z * 2.6) + q.x * .8);\n  float c = sin(q.z * 4.1 + cos(q.x * 2.2) + q.y);\n  return (a + b * .57 + c * .31) / 1.88;\n}\nvoid main() {\n  vec2 p = uv * resolution / min(resolution.x, resolution.y);\n  float angle = atan(p.y, p.x);\n  float wave = sin(angle * 3.0 + clock * .8) * .55\n             + cos(angle * 5.0 - clock * .65) * .3\n             + sin(angle * 2.0 + clock * .4) * .15;\n  float radius = .91 + .008 * sin(clock * 1.4) + energy * .025;\n  radius += wave * (.004 + energy * .024);\n  p /= radius;\n  float squared = dot(p, p);\n  float opacity = 1.0 - smoothstep(1.0 - 3.0 / min(resolution.x, resolution.y), 1.0, squared);\n  if (opacity < .001) { gl_FragColor = vec4(0.0); return; }\n  vec3 n = vec3(p, sqrt(max(0.0, 1.0 - squared)));\n  float time = clock * .25;\n  vec3 q = n * vec3(1.8, 1.6, 1.5) + vec3(time, -time * .7, time * .4);\n  float flow = field(q);\n  vec3 bent = q + vec3(field(q.yzx + 3.2), field(q.zxy - 2.8), flow) * (.45 + energy * .35);\n  float folds = field(bent) * .38 + n.x * .48 + n.y * .3;\n  vec3 ink = mix(shade, pigment, smoothstep(-.45, .35, folds));\n  ink = mix(ink, highlight, smoothstep(.1, .8, flow) * .3);\n  float lit = max(dot(n, normalize(vec3(-.4, .65, 1.0))), 0.0);\n  ink *= .64 + .46 * lit;\n  float seam = exp(-pow((folds + .04) * 8.0, 2.0)) * pow(n.z, .7);\n  ink = mix(ink, mix(highlight, vec3(1.0), .55), seam * .75);\n  ink = mix(ink, highlight, exp(-pow((folds - .28) * 4.0, 2.0)) * n.z * (.18 + energy * .16));\n  ink += pow(lit, 24.0) * .16;\n  ink = mix(ink, highlight, pow(1.0 - n.z, 3.0) * (.36 + .25 * max(-n.x, 0.0)));\n  float grain = fract(sin(dot(gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453) - .5;\n  gl_FragColor = vec4(clamp(ink + grain * .032, 0.0, 1.0), opacity);\n}`;\n\nfunction parseColor(value: string): Float32Array {\n  if (!/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(value))\n    throw new Error(\"VoiceOrb colors must be #RGB or #RRGGBB hex colors.\");\n  const digits = value.slice(1);\n  const pairs =\n    digits.length === 3\n      ? Array.from(digits, (digit) => digit + digit)\n      : [digits.slice(0, 2), digits.slice(2, 4), digits.slice(4, 6)];\n  return Float32Array.from(pairs, (pair) => parseInt(pair, 16) / 255);\n}\n\n/** GPU lifetime and visibility scheduling are isolated from caller-owned audio. */\nexport function createOrbRenderer(\n  canvas: HTMLCanvasElement,\n  read: () => OrbFrame,\n  onError: (error: Error) => void,\n) {\n  const context = canvas.getContext(\"webgl\", {\n    alpha: true,\n    antialias: false,\n    premultipliedAlpha: false,\n    powerPreference: \"low-power\",\n  });\n  if (!context) throw new Error(\"WebGL is unavailable in this browser.\");\n  const gpu = context;\n  const resources: {\n    program?: WebGLProgram;\n    buffer?: WebGLBuffer;\n    shaders: WebGLShader[];\n  } = { shaders: [] };\n  const locations = new Map<string, WebGLUniformLocation | null>();\n  let disposed = false,\n    unavailable = false,\n    failed = false,\n    inViewport = true;\n  let scheduled: number | undefined,\n    lastTime: number | undefined,\n    elapsed = 0;\n  let width = canvas.clientWidth || 256,\n    height = canvas.clientHeight || 256;\n  let colorKey = \"\";\n  const release = () => {\n    resources.shaders.splice(0).forEach((shader) => gpu.deleteShader(shader));\n    if (resources.buffer) gpu.deleteBuffer(resources.buffer);\n    if (resources.program) gpu.deleteProgram(resources.program);\n    resources.buffer = undefined;\n    resources.program = undefined;\n    locations.clear();\n  };\n  const link = () => {\n    const compile = (kind: number, text: string) => {\n      const shader = gpu.createShader(kind);\n      if (!shader) throw new Error(\"Could not allocate an orb shader.\");\n      resources.shaders.push(shader);\n      gpu.shaderSource(shader, text);\n      gpu.compileShader(shader);\n      if (!gpu.getShaderParameter(shader, gpu.COMPILE_STATUS))\n        throw new Error(\n          gpu.getShaderInfoLog(shader) || \"Could not compile the orb shader.\",\n        );\n      return shader;\n    };\n    const vertex = compile(gpu.VERTEX_SHADER, vertexProgram);\n    const fragment = compile(gpu.FRAGMENT_SHADER, fragmentProgram);\n    const program = gpu.createProgram();\n    if (!program) throw new Error(\"Could not allocate the orb program.\");\n    resources.program = program;\n    for (const shader of [vertex, fragment]) gpu.attachShader(program, shader);\n    gpu.linkProgram(program);\n    if (!gpu.getProgramParameter(program, gpu.LINK_STATUS))\n      throw new Error(\n        gpu.getProgramInfoLog(program) || \"Could not link the orb program.\",\n      );\n    gpu.useProgram(program);\n    const buffer = gpu.createBuffer();\n    if (!buffer) throw new Error(\"Could not allocate the orb buffer.\");\n    resources.buffer = buffer;\n    gpu.bindBuffer(gpu.ARRAY_BUFFER, buffer);\n    gpu.bufferData(\n      gpu.ARRAY_BUFFER,\n      new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),\n      gpu.STATIC_DRAW,\n    );\n    const position = gpu.getAttribLocation(program, \"position\");\n    gpu.enableVertexAttribArray(position);\n    gpu.vertexAttribPointer(position, 2, gpu.FLOAT, false, 0, 0);\n    for (const name of [\n      \"resolution\",\n      \"clock\",\n      \"energy\",\n      \"pigment\",\n      \"highlight\",\n      \"shade\",\n    ])\n      locations.set(name, gpu.getUniformLocation(program, name));\n    colorKey = \"\";\n  };\n  const halt = () => {\n    if (scheduled !== undefined) cancelAnimationFrame(scheduled);\n    scheduled = undefined;\n    lastTime = undefined;\n  };\n  const canPaint = () =>\n    !disposed && !failed && !unavailable && inViewport && !document.hidden;\n  const report = (problem: unknown) => {\n    failed = true;\n    halt();\n    onError(problem instanceof Error ? problem : new Error(String(problem)));\n  };\n  const paint = (now: number) => {\n    scheduled = undefined;\n    if (!canPaint()) {\n      lastTime = undefined;\n      return;\n    }\n    try {\n      const state = read();\n      const delta =\n        lastTime === undefined\n          ? 0\n          : Math.min(50, Math.max(0, now - lastTime)) / 1000;\n      if (state.animated)\n        elapsed += delta * state.speed * (1 + state.activity * 0.6);\n      lastTime = state.animated ? now : undefined;\n      const ratio = Math.min(2, window.devicePixelRatio || 1);\n      const pixels = [\n        Math.max(1, Math.round(width * ratio)),\n        Math.max(1, Math.round(height * ratio)),\n      ];\n      if (canvas.width !== pixels[0]) canvas.width = pixels[0];\n      if (canvas.height !== pixels[1]) canvas.height = pixels[1];\n      gpu.viewport(0, 0, pixels[0], pixels[1]);\n      gpu.uniform2f(locations.get(\"resolution\") ?? null, pixels[0], pixels[1]);\n      gpu.uniform1f(locations.get(\"clock\") ?? null, elapsed);\n      gpu.uniform1f(locations.get(\"energy\") ?? null, state.activity);\n      const nextColors = state.colors.join(\"|\");\n      if (colorKey !== nextColors) {\n        const channels = state.colors.map(parseColor);\n        [\"pigment\", \"highlight\", \"shade\"].forEach((name, index) =>\n          gpu.uniform3fv(locations.get(name) ?? null, channels[index]),\n        );\n        colorKey = nextColors;\n      }\n      gpu.drawArrays(gpu.TRIANGLE_STRIP, 0, 4);\n      if (state.animated) requestDraw();\n    } catch (problem) {\n      report(problem);\n    }\n  };\n  function requestDraw() {\n    if (canPaint() && scheduled === undefined)\n      scheduled = requestAnimationFrame(paint);\n  }\n  const lost = (event: Event) => {\n    event.preventDefault();\n    unavailable = true;\n    halt();\n  };\n  const restored = () => {\n    if (disposed) return;\n    try {\n      release();\n      link();\n      unavailable = false;\n      failed = false;\n      requestDraw();\n    } catch (problem) {\n      report(problem);\n    }\n  };\n  const visibility = () => {\n    if (document.hidden) halt();\n    else requestDraw();\n  };\n  try {\n    link();\n  } catch (problem) {\n    release();\n    throw problem;\n  }\n  const resize =\n    typeof ResizeObserver === \"undefined\"\n      ? null\n      : new ResizeObserver((entries) => {\n          const entry = entries[0];\n          if (entry) {\n            width = entry.contentRect.width || width;\n            height = entry.contentRect.height || height;\n          }\n          requestDraw();\n        });\n  resize?.observe(canvas);\n  const intersection =\n    typeof IntersectionObserver === \"undefined\"\n      ? null\n      : new IntersectionObserver((entries) => {\n          inViewport = entries[0]?.isIntersecting ?? true;\n          if (inViewport) requestDraw();\n          else halt();\n        });\n  intersection?.observe(canvas);\n  canvas.addEventListener(\"webglcontextlost\", lost);\n  canvas.addEventListener(\"webglcontextrestored\", restored);\n  document.addEventListener(\"visibilitychange\", visibility);\n  requestDraw();\n  return {\n    requestDraw,\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      halt();\n      resize?.disconnect();\n      intersection?.disconnect();\n      canvas.removeEventListener(\"webglcontextlost\", lost);\n      canvas.removeEventListener(\"webglcontextrestored\", restored);\n      document.removeEventListener(\"visibilitychange\", visibility);\n      release();\n    },\n  };\n}\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport {\n  isMotionValue,\n  useMotionValue,\n  useSpring,\n  type MotionValue,\n} from \"motion-v\";\nimport { SPRING_GLIDE } from \"../../../lib/ease\";\nimport { useReduced } from \"../../shared\";\nimport { createOrbRenderer } from \"./renderer\";\nconst props = withDefaults(\n  defineProps<{\n    activity?: number | MotionValue<number>;\n    analyser?: AnalyserNode | null;\n    colors?: readonly [string, string, string];\n    active?: boolean;\n    speed?: number;\n    label?: string;\n  }>(),\n  {\n    activity: 0,\n    analyser: null,\n    colors: () => [\"#e8754d\", \"#ffe0ac\", \"#346b52\"] as const,\n    active: true,\n    speed: 1,\n  },\n);\nconst emit = defineEmits<{ error: [error: Error] }>();\nconst canvas = ref<HTMLCanvasElement>();\nconst error = ref<Error | null>(null);\nconst reduced = useReduced();\nconst destination = useMotionValue(0);\nconst smoothed = useSpring(destination, SPRING_GLIDE);\nlet engine: ReturnType<typeof createOrbRenderer> | undefined;\nlet detachInput: (() => void) | undefined;\nlet detachSpring: (() => void) | undefined;\nlet sample: Uint8Array<ArrayBuffer> | undefined;\nlet sampling: AnalyserNode | undefined;\nconst unit = (value: number) =>\n  Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\nconst enabled = () => props.active && !reduced.value;\nfunction setLevel(value: number) {\n  destination.set(enabled() ? unit(value) : 0);\n  engine?.requestDraw();\n}\nwatch(\n  [() => props.activity, () => props.active, reduced],\n  () => {\n    detachInput?.();\n    detachInput = undefined;\n    const input = props.activity;\n    if (isMotionValue(input)) {\n      setLevel(input.get());\n      detachInput = input.on(\"change\", setLevel);\n    } else setLevel(input as number);\n  },\n  { immediate: true },\n);\nwatch([() => props.speed, () => props.colors], () => engine?.requestDraw(), {\n  deep: true,\n});\nfunction fail(problem: Error) {\n  error.value = problem;\n  emit(\"error\", problem);\n}\nonMounted(() => {\n  if (!canvas.value) return;\n  try {\n    engine = createOrbRenderer(\n      canvas.value,\n      () => {\n        if (enabled() && props.analyser) {\n          if (\n            sampling !== props.analyser ||\n            sample?.length !== props.analyser.fftSize\n          ) {\n            sampling = props.analyser;\n            sample = new Uint8Array(new ArrayBuffer(sampling.fftSize));\n          }\n          sampling.getByteTimeDomainData(sample!);\n          const meanSquare =\n            sample!.reduce(\n              (sum, byte) => sum + Math.pow((byte - 128) / 128, 2),\n              0,\n            ) / sample!.length;\n          destination.set(unit(3 * Math.sqrt(meanSquare)));\n        }\n        return {\n          activity: enabled() ? unit(smoothed.get()) : 0,\n          colors: props.colors,\n          speed: Number.isFinite(props.speed) ? Math.max(0, props.speed) : 1,\n          animated: enabled() && (props.speed > 0 || !!props.analyser),\n        };\n      },\n      fail,\n    );\n    detachSpring = smoothed.on(\"change\", () => engine?.requestDraw());\n  } catch (problem) {\n    fail(problem instanceof Error ? problem : new Error(String(problem)));\n  }\n});\nonBeforeUnmount(() => {\n  detachInput?.();\n  detachSpring?.();\n  engine?.dispose();\n  engine = undefined;\n  sample = undefined;\n  sampling = undefined;\n});\n</script>\n<template>\n  <div\n    data-slot=\"voice-orb\"\n    class=\"relative aspect-square w-64 shrink-0\"\n    role=\"img\"\n    :aria-label=\"label\"\n    :aria-hidden=\"!label || undefined\"\n    :data-render-state=\"error ? 'error' : 'ready'\"\n  >\n    <div\n      v-if=\"error\"\n      class=\"flex size-full items-center justify-center rounded-full border border-border bg-card p-8 text-center text-xs text-muted-foreground\"\n    >\n      <slot name=\"fallback\">Orb rendering unavailable</slot>\n    </div>\n    <canvas v-else ref=\"canvas\" class=\"block size-full\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport {\n  isMotionValue,\n  useMotionValue,\n  useSpring,\n  type MotionValue,\n} from \"motion-v\";\nimport { SPRING_GLIDE } from \"../../../lib/ease\";\nimport { useReduced } from \"../../shared\";\nimport { createOrbRenderer } from \"./renderer\";\nconst props = withDefaults(\n  defineProps<{\n    activity?: number | MotionValue<number>;\n    analyser?: AnalyserNode | null;\n    colors?: readonly [string, string, string];\n    active?: boolean;\n    speed?: number;\n    label?: string;\n  }>(),\n  {\n    activity: 0,\n    analyser: null,\n    colors: () => [\"#e8754d\", \"#ffe0ac\", \"#346b52\"] as const,\n    active: true,\n    speed: 1,\n  },\n);\nconst emit = defineEmits<{ error: [error: Error] }>();\nconst canvas = ref<HTMLCanvasElement>();\nconst error = ref<Error | null>(null);\nconst reduced = useReduced();\nconst destination = useMotionValue(0);\nconst smoothed = useSpring(destination, SPRING_GLIDE);\nlet engine: ReturnType<typeof createOrbRenderer> | undefined;\nlet detachInput: (() => void) | undefined;\nlet detachSpring: (() => void) | undefined;\nlet sample: Uint8Array<ArrayBuffer> | undefined;\nlet sampling: AnalyserNode | undefined;\nconst unit = (value: number) =>\n  Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\nconst enabled = () => props.active && !reduced.value;\nfunction setLevel(value: number) {\n  destination.set(enabled() ? unit(value) : 0);\n  engine?.requestDraw();\n}\nwatch(\n  [() => props.activity, () => props.active, reduced],\n  () => {\n    detachInput?.();\n    detachInput = undefined;\n    const input = props.activity;\n    if (isMotionValue(input)) {\n      setLevel(input.get());\n      detachInput = input.on(\"change\", setLevel);\n    } else setLevel(input as number);\n  },\n  { immediate: true },\n);\nwatch([() => props.speed, () => props.colors], () => engine?.requestDraw(), {\n  deep: true,\n});\nfunction fail(problem: Error) {\n  error.value = problem;\n  emit(\"error\", problem);\n}\nonMounted(() => {\n  if (!canvas.value) return;\n  try {\n    engine = createOrbRenderer(\n      canvas.value,\n      () => {\n        if (enabled() && props.analyser) {\n          if (\n            sampling !== props.analyser ||\n            sample?.length !== props.analyser.fftSize\n          ) {\n            sampling = props.analyser;\n            sample = new Uint8Array(new ArrayBuffer(sampling.fftSize));\n          }\n          sampling.getByteTimeDomainData(sample!);\n          const meanSquare =\n            sample!.reduce(\n              (sum, byte) => sum + Math.pow((byte - 128) / 128, 2),\n              0,\n            ) / sample!.length;\n          destination.set(unit(3 * Math.sqrt(meanSquare)));\n        }\n        return {\n          activity: enabled() ? unit(smoothed.get()) : 0,\n          colors: props.colors,\n          speed: Number.isFinite(props.speed) ? Math.max(0, props.speed) : 1,\n          animated: enabled() && (props.speed > 0 || !!props.analyser),\n        };\n      },\n      fail,\n    );\n    detachSpring = smoothed.on(\"change\", () => engine?.requestDraw());\n  } catch (problem) {\n    fail(problem instanceof Error ? problem : new Error(String(problem)));\n  }\n});\nonBeforeUnmount(() => {\n  detachInput?.();\n  detachSpring?.();\n  engine?.dispose();\n  engine = undefined;\n  sample = undefined;\n  sampling = undefined;\n});\n</script>\n<template>\n  <div\n    data-slot=\"voice-orb\"\n    class=\"relative aspect-square w-64 shrink-0\"\n    role=\"img\"\n    :aria-label=\"label\"\n    :aria-hidden=\"!label || undefined\"\n    :data-render-state=\"error ? 'error' : 'ready'\"\n  >\n    <div\n      v-if=\"error\"\n      class=\"flex size-full items-center justify-center rounded-full border border-border bg-card p-8 text-center text-xs text-muted-foreground\"\n    >\n      <slot name=\"fallback\">Orb rendering unavailable</slot>\n    </div>\n    <canvas v-else ref=\"canvas\" class=\"block size-full\" />\n  </div>\n</template>\n"],"mappings":"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"}