@nadicodeai/ui 12.1.136 → 12.1.138

package/dist/components/agent-orb.d.ts

@@ -35,7 +35,9 @@ export type AgentOrbProps = AgentOrbBaseProps & ({
  * @family Status
  * @when An Agent, anywhere: 20 in the sidebar, 32 in a row, 64 on her Profile card, 96 in an Agent
  * card, 160 on entry. There is no other Agent picture. The sizes are 20, 24, 32, 40, 64, 96 and
- * 160 px, and no other. On a photograph the orb takes the stronger `presence="over-picture"`
+ * 160 px, and no other. Detail follows the size the orb is drawn at: up to 32 px it draws the
+ * engine's lightest dot profile, at 40 px the middle one and from 64 px the full one, since a small
+ * orb cannot show the full profile's dots apart. On a photograph the orb takes the stronger `presence="over-picture"`
  * weight; everywhere else it is `plain`.
  * @instead A person is an `Avatar`. The system's own wait is the waiting line, never an orb. An orb
  * in artwork, such as a sign-in picture, takes `motion="ambient"` and claims no activity. An orb
@@ -47,6 +49,8 @@ export type AgentOrbProps = AgentOrbBaseProps & ({
  * Done celebrates once over 4.8 s, then rests at 72% of native particle speed with the Idle breath.
  * A state change interrupts the previous gesture; `motionKey` replays it and `paused` freezes it. A surface that only knows a machine checked in draws idle. No state draws
  * a circle around the orb. Ambient motion moves the form at its own pace with no state pose or cue.
+ * An orb at rest (idle, ambient, or done after its celebration) paints 15 frames a second; every
+ * other state, gesture and the celebration paint 30. The pace is the same at either rate.
  * Reduced motion: movement stops, a thinking or working orb breathes between full ink and 0.45
  * opacity so busy still reads as busy, an ambient orb holds still, and waiting and blocked keep
  * their centered signs without an entrance gesture.

package/dist/components/agent-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/components/agent-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,GACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,4FAA4F;IAC5F,IAAI,EAAE,cAAc,CAAC;IACrB,wFAAwF;IACxF,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACrF,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,IAAS,EACT,QAAkB,EAClB,MAAc,EACd,KAAc,EACd,MAAiB,EACjB,SAAa,EACb,UAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,aAAa,+BAyDf"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/components/agent-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,GACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,4FAA4F;IAC5F,IAAI,EAAE,cAAc,CAAC;IACrB,wFAAwF;IACxF,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACrF,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,IAAS,EACT,QAAkB,EAClB,MAAc,EACd,KAAc,EACd,MAAiB,EACjB,SAAa,EACb,UAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,aAAa,+BAyDf"}

package/dist/components/agent-orb.js

@@ -9,7 +9,9 @@ import { cn } from "../lib/utils.js";
  * @family Status
  * @when An Agent, anywhere: 20 in the sidebar, 32 in a row, 64 on her Profile card, 96 in an Agent
  * card, 160 on entry. There is no other Agent picture. The sizes are 20, 24, 32, 40, 64, 96 and
- * 160 px, and no other. On a photograph the orb takes the stronger `presence="over-picture"`
+ * 160 px, and no other. Detail follows the size the orb is drawn at: up to 32 px it draws the
+ * engine's lightest dot profile, at 40 px the middle one and from 64 px the full one, since a small
+ * orb cannot show the full profile's dots apart. On a photograph the orb takes the stronger `presence="over-picture"`
  * weight; everywhere else it is `plain`.
  * @instead A person is an `Avatar`. The system's own wait is the waiting line, never an orb. An orb
  * in artwork, such as a sign-in picture, takes `motion="ambient"` and claims no activity. An orb
@@ -21,6 +23,8 @@ import { cn } from "../lib/utils.js";
  * Done celebrates once over 4.8 s, then rests at 72% of native particle speed with the Idle breath.
  * A state change interrupts the previous gesture; `motionKey` replays it and `paused` freezes it. A surface that only knows a machine checked in draws idle. No state draws
  * a circle around the orb. Ambient motion moves the form at its own pace with no state pose or cue.
+ * An orb at rest (idle, ambient, or done after its celebration) paints 15 frames a second; every
+ * other state, gesture and the celebration paint 30. The pace is the same at either rate.
  * Reduced motion: movement stops, a thinking or working orb breathes between full ink and 0.45
  * opacity so busy still reads as busy, an ambient orb holds still, and waiting and blocked keep
  * their centered signs without an entrance gesture.

package/dist/components/brand.d.ts

@@ -3,15 +3,15 @@ type BrandLogoProps = Omit<React.ComponentProps<"svg">, "aria-hidden" | "aria-la
     alt?: string;
     decoding?: React.ComponentProps<"img">["decoding"];
 };
-/** The plain n. Use it where the name does not fit. */
+/** The mark: the n, nadicode's logo. Use it where the company is recognised by its sign. */
 declare function BrandMark({ alt, className, width, height, decoding, ...props }: BrandLogoProps): React.JSX.Element;
-/** The company logo: nadicode in full. Use it wherever the company is named. */
 /**
- * The company logo: nadicode in full.
+ * The wordmark: nadicode in full.
  *
  * @family Status
- * @when Wherever the company is named by its logo: the Portal's sidebar, the website's header, a
- * footer. `BrandMark`, the plain n, where the name does not fit.
+ * @when Wherever the company is named: the Portal's sidebar, the website's header, a footer.
+ * `BrandMark`, the n, where the company is recognised by its sign or the name does not fit; never
+ * the two side by side.
  * @instead A product's own mark (Nadia, Alveare) is that product's. A platform's is `PlatformMark`.
  * The company named in a sentence is text.
  * @behaviour The letters take the text colour of what they sit in, so one form serves every ground.

package/dist/components/brand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/components/brand.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CACnD,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AAwCF,uDAAuD;AACvD,iBAAS,SAAS,CAAC,EACjB,GAAgB,EAChB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAkBhB;AAED,gFAAgF;AAChF;;;;;;;;;;;;;GAaG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAgB,EAChB,SAAS,EACT,KAAW,EACX,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAkBhB;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/components/brand.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CACnD,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AAwCF,4FAA4F;AAC5F,iBAAS,SAAS,CAAC,EACjB,GAAgB,EAChB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAkBhB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAgB,EAChB,SAAS,EACT,KAAW,EACX,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAkBhB;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/brand.js

@@ -28,19 +28,19 @@ const BRAND_PAINTS = { ink: "currentColor", dot: "var(--nc-logo-dot)" };
 function resolved(geometry) {
     return resolveLogoGeometry(geometry, { paints: BRAND_PAINTS });
 }
-/** The plain n. Use it where the name does not fit. */
+/** The mark: the n, nadicode's logo. Use it where the company is recognised by its sign. */
 function BrandMark({ alt = "nadicode", className, width = 32, height = 32, decoding, ...props }) {
     void decoding;
     const geometry = resolved(logoMarkGeometry);
     return (_jsx("svg", { "data-slot": "brand-mark", xmlns: "http://www.w3.org/2000/svg", viewBox: geometry.viewBox, width: width, height: height, className: cn("block size-6", className), ...accessibilityProps(alt), ...props, children: renderGeometryNodes(geometry.nodes) }));
 }
-/** The company logo: nadicode in full. Use it wherever the company is named. */
 /**
- * The company logo: nadicode in full.
+ * The wordmark: nadicode in full.
  *
  * @family Status
- * @when Wherever the company is named by its logo: the Portal's sidebar, the website's header, a
- * footer. `BrandMark`, the plain n, where the name does not fit.
+ * @when Wherever the company is named: the Portal's sidebar, the website's header, a footer.
+ * `BrandMark`, the n, where the company is recognised by its sign or the name does not fit; never
+ * the two side by side.
  * @instead A product's own mark (Nadia, Alveare) is that product's. A platform's is `PlatformMark`.
  * The company named in a sentence is text.
  * @behaviour The letters take the text colour of what they sit in, so one form serves every ground.

package/dist/components/catalog-entry.d.ts

@@ -6,8 +6,9 @@ import type { PageCommand } from "./page-actions.js";
 import type { RowMessage } from "../internal/row-message.js";
 export type { RowMessage };
 /**
- * The line icon a catalog entry names. A name outside `CATALOG_ICONS`, or
- * none, takes its kind's own icon, the one the Skills or Plugins section has.
+ * The line icon a catalog entry names. A name outside `CATALOG_ICONS`, none,
+ * or the sparkle, which no product draws for an entry, takes its kind's own
+ * icon, the one the Skills or Plugins section has.
  */
 export declare function catalogIcon(name: string | null | undefined, kind: "skill" | "plugin"): LucideIcon;
 export type CatalogEntryAdd = PageCommand & {
@@ -23,13 +24,13 @@ export type CatalogEntryAdd = PageCommand & {
  * @family Data
  * @when A reusable thing a person can add: a skill, a plugin or an app, on a Library shelf (`LibraryShelf`) or in the drawer that adds one to an Agent (`CatalogDrawer`).
  * @instead A record the person already holds is a row of its collection (`CollectionPage`). An Agent template is its `AgentCard`. Figures compared across entries are a `DataTable`.
- * @behaviour The kind's tile at 40: purple for a skill, blue for a plugin, an app's own logo. The name is the link to its own page. One Add control, outline with a leading plus; once held, a muted check and `added`'s word take its place. A menu of one command that is not destructive, with no Add, is that command's outline button; otherwise the three dots. A failed or refused add puts its message in the line's place, with its retry before the entry's own controls.
+ * @behaviour The kind's tile at 40: a skill's own icon on the neutral ringed tile, a plugin's on blue, an app's own logo. The name is the link to its own page. One Add control, outline with a leading plus; once held, a muted check and `added`'s word take its place. A menu of one command that is not destructive, with no Add, is that command's outline button; otherwise the three dots. A failed or refused add puts its message in the line's place, with its retry before the entry's own controls.
  * @words The name as the catalogue gives it; one line saying what it does, a sentence: "Classifies incoming requests and prepares the next step." The control is a verb: "Add".
  * @access The tile is decorative; the name is the link's text. A failed add's message is announced as an alert.
  */
 export type CatalogEntryProps = {
     id: string;
-    /** The kind's tile at 40: { kind: "record", icon: catalogIcon(name, "skill"), tone: "skill" }, or an app's logo. */
+    /** The kind's tile at 40: { kind: "record", icon: catalogIcon(name, "skill") }, or an app's logo. */
     mark: IdentityMarkProps;
     name: string;
     link?: {

package/dist/components/catalog-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-entry.d.ts","sourceRoot":"","sources":["../../src/components/catalog-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAaL,KAAK,UAAU,EAiBhB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,YAAY,EAAE,UAAU,EAAE,CAAC;AAwC3B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAEjG;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,yFAAyF;IACzF,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,oHAAoH;IACpH,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,KAAK,SAAS,CAAC;KAC3E,CAAC;IACF,WAAW,EAAE,SAAS,CAAC;IACvB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAA;KAAE,CAAC;IAC3D,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;CACvC,CAAC"}
+{"version":3,"file":"catalog-entry.d.ts","sourceRoot":"","sources":["../../src/components/catalog-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAaL,KAAK,UAAU,EAiBhB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,YAAY,EAAE,UAAU,EAAE,CAAC;AAwC3B;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAEjG;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,yFAAyF;IACzF,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,qGAAqG;IACrG,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,KAAK,SAAS,CAAC;KAC3E,CAAC;IACF,WAAW,EAAE,SAAS,CAAC;IACvB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAA;KAAE,CAAC;IAC3D,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;CACvC,CAAC"}

package/dist/components/catalog-entry.js

@@ -32,9 +32,10 @@ function isCatalogIcon(name) {
     return Object.hasOwn(ICONS, name);
 }
 /**
- * The line icon a catalog entry names. A name outside `CATALOG_ICONS`, or
- * none, takes its kind's own icon, the one the Skills or Plugins section has.
+ * The line icon a catalog entry names. A name outside `CATALOG_ICONS`, none,
+ * or the sparkle, which no product draws for an entry, takes its kind's own
+ * icon, the one the Skills or Plugins section has.
  */
 export function catalogIcon(name, kind) {
-    return name && isCatalogIcon(name) ? ICONS[name] : FALLBACK_ICONS[kind];
+    return name && name !== "sparkles" && isCatalogIcon(name) ? ICONS[name] : FALLBACK_ICONS[kind];
 }

package/dist/components/company-card/renderer.d.ts

@@ -1,6 +1,14 @@
+import * as webgpu from "vgpu";
+import type { Gpu, Surface, Target } from "vgpu";
 import { type FoilColors } from "./scene.js";
+type Webgpu = Pick<typeof webgpu, "clock" | "frameLoop" | "init"> & {
+    surface: (gpu: Gpu, canvas: HTMLCanvasElement, options: {
+        dpr: [number, number];
+    }) => Target & Pick<Surface, "onResize">;
+};
 type RendererOptions = {
     colors: FoilColors;
+    vgpu?: Webgpu;
     /** The card's current turn in radians, for the page to turn the card itself. */
     onTilt: (tiltX: number, tiltY: number) => void;
 };

package/dist/components/company-card/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/renderer.ts"],"names":[],"mappings":"AAQA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,gFAAgF;IAChF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe;;;;EA+HjF"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/components/company-card/renderer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,MAAM,MAAM,CAAC;AAC/B,OAAO,KAAK,EAA0B,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAEzE,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AASvD,KAAK,MAAM,GAAG,IAAI,CAAC,OAAO,MAAM,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,GAAG;IAClE,OAAO,EAAE,CACP,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE;QAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,KAC/B,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;CACzC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe;;;;EA+LjF"}

package/dist/components/company-card/renderer.js

@@ -1,14 +1,18 @@
 // nadicode: vgpu's holographic card renderer (MIT, https://github.com/vercel-labs/vgpu,
-// examples/holographic-card, revision 6fa27bb4), with its WebGPU set-up, frame
-// loop and cleanup as they are. The pointer is read on the whole page, as the
-// example reads it on its whole stage, so the foil wakes as the pointer comes
-// within one card width; the turn it computes is handed to the page, which
-// turns the card and its words together.
-import { clock, frameLoop, init, surface } from "vgpu";
+// examples/holographic-card, revision 6fa27bb4), with its WebGPU set-up and
+// cleanup as they are.
+import * as webgpu from "vgpu";
 import { approach, SWEEP_MS, SWEEP_TURN } from "./approach.js";
 import { createScene } from "./scene.js";
+const AT_REST = 1e-4;
+/**
+ * The first frame after the loop starts again counts as one frame of the
+ * 60 fps it runs at, not the time it was stopped.
+ */
+const FRAME_SECONDS = 1 / 60;
 export function createRenderer(canvas, options) {
-    const { colors, onTilt } = options;
+    const { colors, onTilt, vgpu = webgpu } = options;
+    const { clock, frameLoop, init, surface } = vgpu;
     let disposed = false;
     let gpu;
     let removeInput = () => { };
@@ -33,6 +37,7 @@ export function createRenderer(canvas, options) {
         if (disposed)
             return;
         const motion = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const time = clock(context);
         let targetHover = 0;
         let pointerX = 0;
         let pointerY = 0;
@@ -46,52 +51,32 @@ export function createRenderer(canvas, options) {
         // from its top-left corner to its bottom-right, then rests. It tells a
         // person at a glance that this is a card that answers the pointer.
         let sweepStart = null;
-        // Under reduced motion the card keeps still: the light moves only with the pointer.
-        requestSweep = () => {
-            if (!motion.matches)
-                sweepStart = performance.now();
-        };
-        const move = (event) => {
-            if (!event.isPrimary)
-                return;
-            const near = approach(canvas.getBoundingClientRect(), event.clientX, event.clientY);
-            // A pointer elsewhere on the page leaves a sweep to finish; one that
-            // comes near takes the card over.
-            if (near.hover > 0)
-                sweepStart = null;
-            if (sweepStart !== null)
-                return;
-            pointerX = near.x;
-            pointerY = near.y;
-            targetHover = near.hover;
-        };
-        const leave = () => {
-            if (sweepStart === null)
-                targetHover = 0;
-        };
-        const up = (event) => {
-            if (event.pointerType !== "mouse")
-                leave();
-        };
-        const root = document.documentElement;
-        window.addEventListener("pointermove", move, { passive: true });
-        window.addEventListener("pointerdown", move, { passive: true });
-        window.addEventListener("pointercancel", leave);
-        window.addEventListener("pointerup", up);
-        root.addEventListener("pointerleave", leave);
-        const unsubscribeResize = output.onResize(() => {
-            shader.set({ params: { resolution: output.size } });
-        });
-        removeInput = () => {
-            window.removeEventListener("pointermove", move);
-            window.removeEventListener("pointerdown", move);
-            window.removeEventListener("pointercancel", leave);
-            window.removeEventListener("pointerup", up);
-            root.removeEventListener("pointerleave", leave);
-            unsubscribeResize();
+        let pointer = null;
+        let needsDraw = true;
+        let onScreen = false;
+        let loop = null;
+        const stop = () => {
+            loop?.stop();
+            loop = null;
         };
-        const time = clock(context);
-        frameLoop(context, (currentFrame) => {
+        const settled = (targetX, targetY, within) => sweepStart === null &&
+            Math.abs(targetX - tiltX) <= within &&
+            Math.abs(targetY - tiltY) <= within &&
+            Math.abs(targetHover - hover) <= within &&
+            (targetHover === 0 ||
+                (Math.abs(pointerX - lightX) <= within && Math.abs(pointerY - lightY) <= within));
+        const draw = (currentFrame) => {
+            if (pointer) {
+                const near = approach(canvas.getBoundingClientRect(), pointer.clientX, pointer.clientY);
+                pointer = null;
+                if (near.hover > 0)
+                    sweepStart = null;
+                if (sweepStart === null) {
+                    pointerX = near.x;
+                    pointerY = near.y;
+                    targetHover = near.hover;
+                }
+            }
             let turn = null;
             if (sweepStart !== null) {
                 const progress = (performance.now() - sweepStart) / SWEEP_MS;
@@ -116,6 +101,11 @@ export function createRenderer(canvas, options) {
             const targetY = motion.matches
                 ? 0
                 : (turn?.[1] ?? -Math.max(-1, Math.min(1, pointerY)) * 0.12 * targetHover);
+            if (!needsDraw && settled(targetX, targetY, 0)) {
+                currentFrame.cancel();
+                stop();
+                return;
+            }
             const blend = motion.matches ? 1 : 1 - Math.exp(-10 * Math.min(time.deltaTime, 0.1));
             tiltX += (targetX - tiltX) * blend;
             tiltY += (targetY - tiltY) * blend;
@@ -124,10 +114,89 @@ export function createRenderer(canvas, options) {
                 lightX += (pointerX - lightX) * blend;
                 lightY += (pointerY - lightY) * blend;
             }
+            const resting = settled(targetX, targetY, AT_REST);
+            if (resting) {
+                tiltX = targetX;
+                tiltY = targetY;
+                hover = targetHover;
+                if (targetHover > 0) {
+                    lightX = pointerX;
+                    lightY = pointerY;
+                }
+            }
             onTilt(tiltX, tiltY);
             shader.set({ params: { tilt: [tiltX, tiltY], pointer: [lightX, lightY], hover } });
             currentFrame.pass(output, shader);
-        }, { fps: 60 });
+            needsDraw = false;
+            if (resting)
+                stop();
+        };
+        const play = () => {
+            if (disposed || !onScreen || document.hidden) {
+                stop();
+                return;
+            }
+            if (loop)
+                return;
+            time.advance(FRAME_SECONDS);
+            loop = frameLoop(context, draw, { fps: 60 });
+        };
+        // Under reduced motion the card keeps still: the light moves only with the pointer.
+        requestSweep = () => {
+            if (motion.matches)
+                return;
+            sweepStart = performance.now();
+            play();
+        };
+        const move = (event) => {
+            if (!event.isPrimary)
+                return;
+            pointer = { clientX: event.clientX, clientY: event.clientY };
+            play();
+        };
+        const leave = () => {
+            pointer = null;
+            if (sweepStart === null)
+                targetHover = 0;
+            play();
+        };
+        const up = (event) => {
+            if (event.pointerType !== "mouse")
+                leave();
+        };
+        const root = document.documentElement;
+        window.addEventListener("pointermove", move, { passive: true });
+        window.addEventListener("pointerdown", move, { passive: true });
+        window.addEventListener("pointercancel", leave);
+        window.addEventListener("pointerup", up);
+        root.addEventListener("pointerleave", leave);
+        document.addEventListener("visibilitychange", play);
+        motion.addEventListener("change", play);
+        // vgpu sizes the canvas on a frame, so a card whose box changes takes one to be drawn again.
+        const unsubscribeResize = output.onResize(() => {
+            shader.set({ params: { resolution: output.size } });
+            needsDraw = true;
+        });
+        const box = new ResizeObserver(play);
+        box.observe(canvas);
+        const visibility = new IntersectionObserver((entries) => {
+            onScreen = entries.at(-1)?.isIntersecting ?? false;
+            play();
+        });
+        visibility.observe(canvas);
+        removeInput = () => {
+            stop();
+            window.removeEventListener("pointermove", move);
+            window.removeEventListener("pointerdown", move);
+            window.removeEventListener("pointercancel", leave);
+            window.removeEventListener("pointerup", up);
+            root.removeEventListener("pointerleave", leave);
+            document.removeEventListener("visibilitychange", play);
+            motion.removeEventListener("change", play);
+            unsubscribeResize();
+            box.disconnect();
+            visibility.disconnect();
+        };
     })().catch((cause) => {
         if (disposed)
             return;

package/dist/components/company-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-card.d.ts","sourceRoot":"","sources":["../../src/components/company-card.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAqBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,WAAmB,GACpB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAiSA"}
+{"version":3,"file":"company-card.d.ts","sourceRoot":"","sources":["../../src/components/company-card.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AA0BF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,WAAmB,GACpB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAsTA"}

package/dist/components/company-card.js

@@ -17,6 +17,10 @@ const FOIL = {
 const STRIPE = 34;
 /** How much of the card must be on screen before it turns, when the caller waits for it. */
 const IN_VIEW = 0.6;
+function setChanged(element, property, value) {
+    if (element.style.getPropertyValue(property) !== value)
+        element.style.setProperty(property, value);
+}
 function reason(cause) {
     return cause instanceof Error ? cause.message : String(cause);
 }
@@ -67,7 +71,6 @@ export function CompanyCard({ name, domain, edition, issued, labels, logo, sweep
     const cardRef = useRef(null);
     const lightRef = useRef(null);
     const stripesRef = useRef(null);
-    const frame = useRef(0);
     const canvasRef = useRef(null);
     const [gpuFoil, setGpuFoil] = useState(false);
     const sweepRef = useRef(() => { });
@@ -102,8 +105,8 @@ export function CompanyCard({ name, domain, edition, issued, labels, logo, sweep
             const created = createRenderer(canvas, {
                 colors: foilColors(card, edition),
                 onTilt: (tiltX, tiltY) => {
-                    card.style.setProperty("--tilt-x", `${tiltY.toFixed(4)}rad`);
-                    card.style.setProperty("--tilt-y", `${tiltX.toFixed(4)}rad`);
+                    setChanged(card, "--tilt-x", `${tiltY.toFixed(4)}rad`);
+                    setChanged(card, "--tilt-y", `${tiltX.toFixed(4)}rad`);
                 },
             });
             renderer = created;
@@ -130,16 +133,17 @@ export function CompanyCard({ name, domain, edition, issued, labels, logo, sweep
             setGpuFoil(false);
         };
     }, [edition, seen]);
-    // The SVG foil behaves as the shader does: it turns once in the light when it
-    // appears and when it is issued, and wakes as the pointer comes within one
-    // card width, easing its turn by how near the pointer is.
     useEffect(() => {
         const card = cardRef.current;
         if (!seen || gpuFoil || !card)
             return;
         const motion = window.matchMedia("(prefers-reduced-motion: reduce)");
+        let onScreen = typeof IntersectionObserver === "undefined";
+        let sweepStart = null;
         let sweepFrame = 0;
-        let sweeping = false;
+        let pointer = null;
+        let pointerFrame = 0;
+        const playing = () => onScreen && !document.hidden;
         const light = (x, y) => {
             lightRef.current?.setAttribute("cx", x.toFixed(3));
             lightRef.current?.setAttribute("cy", y.toFixed(3));
@@ -162,59 +166,86 @@ export function CompanyCard({ name, domain, edition, issued, labels, logo, sweep
             }
         };
         const stopSweep = () => {
-            sweeping = false;
+            sweepStart = null;
             cancelAnimationFrame(sweepFrame);
         };
+        const step = (now) => {
+            if (sweepStart === null)
+                return;
+            const progress = Math.min(1, (now - sweepStart) / SWEEP_MS);
+            const along = progress * progress * (3 - 2 * progress);
+            const rise = Math.sin(Math.PI * progress);
+            show(-0.05 + along * 1.1, 0.22 + along * 0.56, rise ** 0.6 * 0.95, rise * MAX_TILT_DEGREES * 0.3, -Math.sin(2 * Math.PI * along) * ((SWEEP_TURN * 180) / Math.PI));
+            if (progress < 1)
+                sweepFrame = requestAnimationFrame(step);
+            else {
+                sweepStart = null;
+                rest();
+            }
+        };
+        const follow = () => {
+            const at = pointer;
+            pointer = null;
+            if (!at)
+                return;
+            const near = approach(card.getBoundingClientRect(), at.clientX, at.clientY);
+            if (near.hover > 0)
+                stopSweep();
+            if (sweepStart !== null)
+                return;
+            if (near.hover === 0)
+                return rest();
+            const x = Math.min(1, Math.max(0, (near.x + 1) / 2));
+            const y = Math.min(1, Math.max(0, (near.y + 1) / 2));
+            show(x, y, near.hover, (0.5 - y) * 2 * MAX_TILT_DEGREES * near.hover, (x - 0.5) * 2 * MAX_TILT_DEGREES * near.hover);
+        };
+        const play = () => {
+            cancelAnimationFrame(sweepFrame);
+            cancelAnimationFrame(pointerFrame);
+            if (!playing())
+                return;
+            if (sweepStart !== null)
+                sweepFrame = requestAnimationFrame(step);
+            if (pointer)
+                pointerFrame = requestAnimationFrame(follow);
+        };
         const sweep = () => {
             if (motion.matches)
                 return;
-            stopSweep();
-            sweeping = true;
-            const start = performance.now();
-            const step = (now) => {
-                const progress = Math.min(1, (now - start) / SWEEP_MS);
-                const along = progress * progress * (3 - 2 * progress);
-                const rise = Math.sin(Math.PI * progress);
-                show(-0.05 + along * 1.1, 0.22 + along * 0.56, rise ** 0.6 * 0.95, rise * MAX_TILT_DEGREES * 0.3, -Math.sin(2 * Math.PI * along) * ((SWEEP_TURN * 180) / Math.PI));
-                if (progress < 1)
-                    sweepFrame = requestAnimationFrame(step);
-                else {
-                    sweeping = false;
-                    rest();
-                }
-            };
-            sweepFrame = requestAnimationFrame(step);
+            sweepStart = performance.now();
+            play();
         };
         const move = (event) => {
             if (!event.isPrimary)
                 return;
-            const near = approach(card.getBoundingClientRect(), event.clientX, event.clientY);
-            if (near.hover > 0)
-                stopSweep();
-            if (sweeping)
-                return;
-            cancelAnimationFrame(frame.current);
-            frame.current = requestAnimationFrame(() => {
-                if (near.hover === 0)
-                    return rest();
-                const x = Math.min(1, Math.max(0, (near.x + 1) / 2));
-                const y = Math.min(1, Math.max(0, (near.y + 1) / 2));
-                show(x, y, near.hover, (0.5 - y) * 2 * MAX_TILT_DEGREES * near.hover, (x - 0.5) * 2 * MAX_TILT_DEGREES * near.hover);
-            });
+            pointer = { clientX: event.clientX, clientY: event.clientY };
+            cancelAnimationFrame(pointerFrame);
+            if (playing())
+                pointerFrame = requestAnimationFrame(follow);
         };
         const leave = () => {
-            if (!sweeping)
+            if (sweepStart === null)
                 rest();
         };
         window.addEventListener("pointermove", move, { passive: true });
         document.documentElement.addEventListener("pointerleave", leave);
+        document.addEventListener("visibilitychange", play);
+        const visibility = onScreen
+            ? undefined
+            : new IntersectionObserver((entries) => {
+                onScreen = entries.at(-1)?.isIntersecting ?? false;
+                play();
+            });
+        visibility?.observe(card);
         sweepRef.current = sweep;
         sweep();
         return () => {
             window.removeEventListener("pointermove", move);
             document.documentElement.removeEventListener("pointerleave", leave);
+            document.removeEventListener("visibilitychange", play);
+            visibility?.disconnect();
             stopSweep();
-            cancelAnimationFrame(frame.current);
+            cancelAnimationFrame(pointerFrame);
             sweepRef.current = () => { };
             rest();
         };

package/dist/components/hive-scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hive-scene.d.ts","sourceRoot":"","sources":["../../src/components/hive-scene.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjD,mFAAmF;AACnF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,SAAS,EAAE,SAAS,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,IAAI,EAAE,aAAa,CAAC;IACpB,qFAAqF;IACrF,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,kFAAkF;IAClF,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mFAAmF;IACnF,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,QAAQ,CAAC;IAC7D,iEAAiE;IACjE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAmLF;;;;;;;;;;;;;GAaG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,MAAkB,EAClB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAsNhB;AAED,2DAA2D;AAC3D,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,qBAM9E;AAED,iEAAiE;AACjE,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,EAAE,EACF,IAAa,GACd,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,qBAMA;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"hive-scene.d.ts","sourceRoot":"","sources":["../../src/components/hive-scene.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjD,mFAAmF;AACnF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,SAAS,EAAE,SAAS,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,IAAI,EAAE,aAAa,CAAC;IACpB,qFAAqF;IACrF,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,kFAAkF;IAClF,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mFAAmF;IACnF,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,QAAQ,CAAC;IAC7D,iEAAiE;IACjE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAmLF;;;;;;;;;;;;;GAaG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,MAAkB,EAClB,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBA8PhB;AAED,2DAA2D;AAC3D,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,qBAM9E;AAED,iEAAiE;AACjE,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,EAAE,EACF,IAAa,GACd,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,qBAMA;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}