wickchart 0.4.0 → 1.0.0

package/README.md

@@ -1,6 +1,6 @@
-# HabView
+# WickChart
 
-**`<hab-chart>` — a modern, simpler, more useful charting web component.**
+**`<wick-chart>` — a modern, simpler, more useful charting web component.**
 
 A TradingView-style financial chart as a single framework-agnostic Web Component.
 One file, zero dependencies, one HTML tag. Canvas-rendered, fast, themeable, and
@@ -14,8 +14,8 @@ npm install wickchart
 
 ```js
 // any bundler / framework — TypeScript types included
-import 'wickchart';                       // registers <hab-chart>
-import HabChart from 'wickchart';         // for HabChart.registerIndicator(...)
+import 'wickchart';                       // registers <wick-chart>
+import WickChart from 'wickchart';         // for WickChart.registerIndicator(...)
 import { encodeStateQuery } from 'wickchart/core';  // pure helpers
 ```
 
@@ -24,10 +24,10 @@ Or straight from a CDN — no install, no build:
 ```html
 <script type="module" src="https://unpkg.com/wickchart"></script>
 
-<hab-chart label="BTC · 1h" type="candles" indicators="sma:20 volume"></hab-chart>
+<wick-chart label="BTC · 1h" type="candles" indicators="sma:20 volume"></wick-chart>
 
 <script type="module">
-  const chart = document.querySelector('hab-chart');
+  const chart = document.querySelector('wick-chart');
   chart.setData(bars);   // [{ time, open, high, low, close, volume }]
   chart.update(bar);     // stream live updates
 </script>
@@ -37,7 +37,7 @@ Works in plain HTML, React, Vue, Svelte, Angular — anywhere a `<div>` works.
 TypeScript declarations ship inside the package (generated at pack time from
 the JSDoc-annotated source — the repo itself stays 100% dependency-free JS).
 
-## Declarative live charts with `<hab-feed>`
+## Declarative live charts with `<wick-feed>`
 
 One more script tag and your chart is fully live — data, backfill, streaming —
 with **zero JavaScript written**:
@@ -45,13 +45,13 @@ with **zero JavaScript written**:
 ```html
 <script type="module" src="https://unpkg.com/wickchart/feed"></script>
 
-<hab-feed for="chart" binance="BTCUSDT" tf="1h"></hab-feed>
-<hab-chart id="chart" indicators="sma:20 volume" profile></hab-chart>
+<wick-feed for="chart" binance="BTCUSDT" tf="1h"></wick-feed>
+<wick-chart id="chart" indicators="sma:20 volume" profile></wick-chart>
 ```
 
 | Attribute   | Meaning                                                                 |
 | ----------- | ----------------------------------------------------------------------- |
-| `for`       | target `<hab-chart>` id (auto-pairs with the first chart when omitted)   |
+| `for`       | target `<wick-chart>` id (auto-pairs with the first chart when omitted)   |
 | `binance`   | Binance symbol (`BTCUSDT`) — REST load + WebSocket live + backfill       |
 | `demo`      | deterministic offline synthetic feed (`demo="ETH"` picks a base price)   |
 | `url`       | generic REST endpoint returning a JSON array of bars (+ `poll="10"` sec) |
@@ -61,7 +61,7 @@ with **zero JavaScript written**:
 
 The element reflects its state in the `status` attribute (`loading`, `live`,
 `polling`, `fallback`, `loaded`, `waiting`, `idle`) and emits
-`hab-feed:status` / `hab-feed:fallback` events. When Binance is unreachable
+`wick-feed:status` / `wick-feed:fallback` events. When Binance is unreachable
 (geo-blocked, offline), it degrades gracefully: WebSocket → REST polling → a
 synthetic stream bridged from the last real price, so the chart never goes
 blank. It also wires `chart.onloadmore` for infinite backfill automatically.
@@ -71,7 +71,7 @@ blank. It also wires `chart.onloadmore` for infinite backfill automatically.
 ## Why another chart library?
 
 TradingView's charting library is powerful but heavy and enterprise-licensed;
-most wrappers add build steps and framework lock-in. HabView takes the opposite
+most wrappers add build steps and framework lock-in. WickChart takes the opposite
 bet:
 
 - **Zero dependencies, single file** (~40 KB unminified, no build step required)
@@ -82,7 +82,13 @@ bet:
   outside the component (Shadow DOM friendly)
 - **Accessible** — focusable, arrow-key crosshair, ARIA summary of the data
 
-## Run the demo
+## Try it online
+
+The demo site is deployed to GitHub Pages:
+**https://benyblack.github.io/wickchart/** — a landing page with a live hero
+chart, the full interactive demo, and the zero-JavaScript declarative page.
+
+## Run the demo locally
 
 ```bash
 npm run dev        # serves on http://localhost:5173
@@ -147,7 +153,7 @@ Register your own — anything from a one-liner moving average to a multi-line
 pane:
 
 ```js
-HabChart.registerIndicator('vwap', {
+WickChart.registerIndicator('vwap', {
   kind: 'overlay',               // or 'pane'
   params: { period: 20 },        // defaults; set via indicators="vwap:30"
   compute(bars, params) {        // bars: normalized {time,open,high,low,close,volume}
@@ -165,11 +171,11 @@ HabChart.registerIndicator('vwap', {
 chart.indicators = 'vwap:20';
 ```
 
-`import HabChart from 'wickchart'` gives you the class for
-`HabChart.registerIndicator(...)` (the element is registered as a side effect
+`import WickChart from 'wickchart'` gives you the class for
+`WickChart.registerIndicator(...)` (the element is registered as a side effect
 of importing the package).
 
-### HabScript — custom indicators as expressions
+### WickScript — custom indicators as expressions
 
 No build step, no JS: write an indicator inline in the attribute. `expr:{…}`
 draws on the price chart; `pexpr:{…}` gets its own pane. Add an optional
@@ -177,10 +183,10 @@ draws on the price chart; `pexpr:{…}` gets its own pane. Add an optional
 shareable URLs.
 
 ```html
-<hab-chart indicators="sma:20 expr:{(close - sma(close,20)) / sma(close,20) * 100}@ff6a00"></hab-chart>
+<wick-chart indicators="sma:20 expr:{(close - sma(close,20)) / sma(close,20) * 100}@ff6a00"></wick-chart>
 
 <!-- oscillator in its own pane -->
-<hab-chart indicators="pexpr:{rsi(close,14)} pexpr:{change(close) / close * 100}"></hab-chart>
+<wick-chart indicators="pexpr:{rsi(close,14)} pexpr:{change(close) / close * 100}"></wick-chart>
 ```
 
 | Series variables | |
@@ -213,7 +219,7 @@ attribute syntax:
 ```js
 import { scriptIndicator } from 'wickchart/core';
 
-HabChart.registerIndicator('spread', scriptIndicator('close - ema(close,21)'));
+WickChart.registerIndicator('spread', scriptIndicator('close - ema(close,21)'));
 chart.indicators = 'spread';   // now usable like any built-in
 ```
 
@@ -222,7 +228,7 @@ press **+ Expr** — invalid expressions show the compiler's error inline).
 
 ### Volatility-regime shading
 
-`<hab-chart volshading>` tints the price pane background by realized
+`<wick-chart volshading>` tints the price pane background by realized
 volatility — the rolling stddev of log returns (20 bars by default),
 classified against its own full-history percentiles: **calm** (≤ 30th
 percentile, subtle blue), **normal** (untinted), **hot** (≥ 70th percentile,
@@ -231,9 +237,9 @@ read instantly, and the legend shows the hovered bar's regime and
 percentile (`VOL 30/70 · hot · 94%ile`).
 
 ```html
-<hab-chart volshading></hab-chart>                 <!-- defaults 30/70, 20 bars -->
-<hab-chart volshading="20/85"></hab-chart>         <!-- custom cutoffs -->
-<hab-chart volshading="20/85/50"></hab-chart>      <!-- + 50-bar vol window -->
+<wick-chart volshading></wick-chart>                 <!-- defaults 30/70, 20 bars -->
+<wick-chart volshading="20/85"></wick-chart>         <!-- custom cutoffs -->
+<wick-chart volshading="20/85/50"></wick-chart>      <!-- + 50-bar vol window -->
 ```
 
 Cutoffs are clamped so the low percentile always stays at least 2 points
@@ -277,7 +283,7 @@ from `wickchart/core` for server-side use.
 
 ### Sonification — the chart by ear
 
-`<hab-chart sonify>` maps price to pitch (180–880 Hz across the visible
+`<wick-chart sonify>` maps price to pitch (180–880 Hz across the visible
 scale, log-aware): moving the crosshair with the mouse or **arrow keys** plays
 a short tone per bar, so trend and shape are audible — a rare accessibility
 win for screen-reader users. `chart.playRange()` sweeps the whole visible
@@ -291,7 +297,7 @@ Tag charts with the same channel and they share pointers — across browser
 tabs, or between multiple charts on one page:
 
 ```html
-<hab-chart co-view="btc-room"></hab-chart>
+<wick-chart co-view="btc-room"></wick-chart>
 ```
 
 Hovering in one tab draws a ghost crosshair (accent, dotted, with the time
@@ -302,12 +308,12 @@ stops moving. Same-origin only (BroadcastChannel); the connection follows the
 
 ### Smart annotations
 
-`<hab-chart annotations>` marks notable events on the visible range — volume
+`<wick-chart annotations>` marks notable events on the visible range — volume
 spikes (>3× average), price gaps, 41-bar pivot highs/lows, and RSI
 divergences — with lettered badges (V/G/H/L/D). Hover a badged bar and the
 legend shows a one-line insight ("Volume 4.2× average", "Bearish RSI
 divergence"). The current set is emitted on every recompute via the
-`hab:annotations` event, so hosts can build their own UI from it. Badges are
+`wick:annotations` event, so hosts can build their own UI from it. Badges are
 hidden at extreme zoom-out, where bars collapse into columns.
 
 ### Example: VWAP via the registry
@@ -316,9 +322,9 @@ VWAP ships in the demo but *not* as a builtin — it's the reference for writing
 your own (session-anchored, resets each trading day):
 
 ```js
-import HabChart from 'wickchart';
+import WickChart from 'wickchart';
 
-HabChart.registerIndicator('vwap', {
+WickChart.registerIndicator('vwap', {
   kind: 'overlay',
   params: {},
   compute(bars) {
@@ -381,7 +387,7 @@ chart.addPosition({ id: 'x1', side: 'short', entry: 66000, qty: 1 });
 chart.removePosition('x1');
 
 chart.addAlert({ price: 65000, direction: 'above' }); // 'above' | 'below' | 'cross'
-chart.addEventListener('hab:alert', (e) => {
+chart.addEventListener('wick:alert', (e) => {
   console.log('crossed!', e.detail.id, e.detail.price);
 });
 ```
@@ -391,12 +397,12 @@ The P&L chip recalculates on every streamed bar. Alerts are edge-triggered
 
 ### Stats & measure
 
-`<hab-chart stats>` shows live statistics of the visible range — return %,
+`<wick-chart stats>` shows live statistics of the visible range — return %,
 max drawdown, annualized volatility, up/down bar counts, average volume —
 recalculated as you pan and zoom.
 
 Hold **Shift and drag** across the chart to measure a move: an overlay shows
-Δprice, Δ%, bar count and elapsed time, and a `hab:measure` event fires on
+Δprice, Δ%, bar count and elapsed time, and a `wick:measure` event fires on
 release (`detail.from` / `detail.to` carry index, time and price). Click or
 press `Esc` to clear.
 
@@ -423,9 +429,9 @@ Reflected properties (`chart.type = 'line'`) work for `theme`, `type`, `label`,
 
 | Event           | Detail                                                     |
 | --------------- | ---------------------------------------------------------- |
-| `hab:crosshair` | `{ index, bar, x, y, price }` on hover / arrows, `null` on leave |
-| `hab:range`     | `{ from, to }` after zoom / pan / jump                      |
-| `hab:select`    | `{ index, bar, price }` on click/tap (e.g. open an order form at that price) |
+| `wick:crosshair` | `{ index, bar, x, y, price }` on hover / arrows, `null` on leave |
+| `wick:range`     | `{ from, to }` after zoom / pan / jump                      |
+| `wick:select`    | `{ index, bar, price }` on click/tap (e.g. open an order form at that price) |
 
 ## Theming
 
@@ -433,18 +439,18 @@ All colors are CSS custom properties settable on the element (they pierce the
 Shadow DOM):
 
 ```css
-hab-chart {
-  --hab-bg: #0d1117;          /* transparent works too */
-  --hab-up: #16c784;
-  --hab-down: #ea3943;
-  --hab-accent: #4c8dff;      /* line & area color */
-  --hab-text: #8b949e;        /* axis text */
-  --hab-text-strong: #e6edf3; /* legend values */
-  --hab-grid: rgba(230,237,243,.05);
-  --hab-border: rgba(230,237,243,.09);
-  --hab-crosshair: rgba(230,237,243,.42);
-  --hab-rsi: #a78bfa;
-  --hab-overlay-0: #f0b429;   /* SMA color, …-1, -2, … for more overlays */
+wick-chart {
+  --wick-bg: #0d1117;          /* transparent works too */
+  --wick-up: #16c784;
+  --wick-down: #ea3943;
+  --wick-accent: #4c8dff;      /* line & area color */
+  --wick-text: #8b949e;        /* axis text */
+  --wick-text-strong: #e6edf3; /* legend values */
+  --wick-grid: rgba(230,237,243,.05);
+  --wick-border: rgba(230,237,243,.09);
+  --wick-crosshair: rgba(230,237,243,.42);
+  --wick-rsi: #a78bfa;
+  --wick-overlay-0: #f0b429;   /* SMA color, …-1, -2, … for more overlays */
 }
 ```
 
@@ -507,6 +513,27 @@ column, and an offscreen layer so hover only repaints the crosshair.
 - Incremental (O(1)) indicator updates for high-frequency streaming
 - Min/max downsampling and/or an offscreen hover layer if profiling ever demands
 
+## Migrating from 0.x (HabView)
+
+1.0 renames the public surface to the WickChart brand. The 0.x names keep
+working as **deprecated aliases** (removed in 2.0), so upgrading is safe to
+do lazily:
+
+| 0.x (deprecated alias) | 1.0 canonical |
+|---|---|
+| `<hab-chart>` / `<hab-feed>` | `<wick-chart>` / `<wick-feed>` |
+| `hab:range`, `hab:select`, `hab:alert`, `hab:crosshair`, `hab:measure`, `hab:annotations` | `wick:*` of the same name (both fire during 1.x) |
+| `hab-feed:status` / `hab-feed:fallback` | `wick-feed:status` / `wick-feed:fallback` (both fire during 1.x) |
+| `--hab-bg`, `--hab-up`, … | `--wick-*` of the same name (`--wick-*` wins; `--hab-*` is the fallback) |
+| `HabChart` / `HabFeed` classes | `WickChart` / `WickFeed` (also as named exports) |
+| HabScript (the `expr:{…}` language) | WickScript — syntax unchanged |
+| `import … from 'wickchart/src/hab-chart.js'` | use the package entry points (`wickchart`, `wickchart/core`, `wickchart/feed`) — module files are renamed |
+
+Two behavioral notes: custom indicators registered via
+`WickChart.registerIndicator()` are shared with the legacy `<hab-chart>`
+alias (one registry), and cross-tab co-view channels are now prefixed
+`wick-co-view:` (a 0.x tab and a 1.x tab won't pair — refresh both).
+
 ## License
 
 MIT

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "wickchart",
-  "version": "0.4.0",
-  "description": "<hab-chart> — a modern, dependency-free financial charting web component. Candles, line & area charts, crosshair, zoom/pan, indicators, live streaming, theming.",
+  "version": "1.0.0",
+  "description": "<wick-chart> — a modern, dependency-free financial charting web component. Candles, line & area charts, crosshair, zoom/pan, indicators (incl. a safe expression mini-language), live streaming via <wick-feed>, theming.",
   "type": "module",
-  "main": "src/hab-chart.js",
-  "module": "src/hab-chart.js",
-  "types": "types/hab-chart.d.ts",
+  "main": "src/wick-chart.js",
+  "module": "src/wick-chart.js",
+  "types": "types/wick-chart.d.ts",
   "exports": {
     ".": {
-      "types": "./types/hab-chart.d.ts",
-      "default": "./src/hab-chart.js"
+      "types": "./types/wick-chart.d.ts",
+      "default": "./src/wick-chart.js"
     },
     "./core": {
       "types": "./types/core.d.ts",
       "default": "./src/core.js"
     },
     "./feed": {
-      "types": "./types/hab-feed.d.ts",
-      "default": "./src/hab-feed.js"
+      "types": "./types/wick-feed.d.ts",
+      "default": "./src/wick-feed.js"
     }
   },
   "files": [
@@ -25,14 +25,14 @@
     "types"
   ],
   "sideEffects": [
-    "src/hab-chart.js"
+    "src/wick-chart.js"
   ],
   "scripts": {
     "dev": "npx --yes serve . -l 5173",
     "test": "node --test \"tests/*.test.mjs\"",
-    "build:types": "tsc -p tsconfig.json",
+    "build:types": "node -e \"require('fs').rmSync('types', { recursive: true, force: true });\" && tsc -p tsconfig.json",
     "prepack": "npm run build:types",
-    "ci": "npm run build:types && npm test && node --check src/hab-chart.js && node --check src/core.js && node --check demo/app.js"
+    "ci": "npm run build:types && npm test && node --check src/wick-chart.js && node --check src/wick-feed.js && node --check src/core.js && node --check demo/app.js"
   },
   "keywords": [
     "chart",

package/src/core.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
- * HabView core — pure, DOM-free functions shared by <hab-chart> and tests.
+ * WickChart core — pure, DOM-free functions shared by <wick-chart> and tests.
  * Importable in the browser (ESM) and in Node (`node --test`).
  * MIT License.
  * ========================================================================== */
@@ -252,7 +252,8 @@ export const fmtFull = (t) => {
 };
 
 /* ------------------------------------------------------------------ *
- * Themes (every key overridable via --hab-* CSS custom properties)
+ * Themes (every key overridable via --wick-* CSS custom properties;
+ * the 0.x --hab-* names still work as fallbacks)
  * ------------------------------------------------------------------ */
 
 export const THEMES = {
@@ -867,7 +868,7 @@ export const BUILTIN_INDICATORS = new Map(
 /**
  * Parse an `indicators` attribute string against a registry.
  * Token: `name[:param[/param…]][@color]`, the `volume` keyword, and
- * HabScript blobs `expr:{…}` (overlay) / `pexpr:{…}` (separate pane).
+ * WickScript blobs `expr:{…}` (overlay) / `pexpr:{…}` (separate pane).
  * @param {string|null|undefined} str
  * @param {Map<string, IndicatorDef>} registry
  * @returns {{overlays: IndicatorEntry[], panes: IndicatorEntry[], volume: boolean, unknown: string[]}}
@@ -940,11 +941,12 @@ export function parseIndicators(str, registry) {
 }
 
 /* ------------------------------------------------------------------ *
- * HabScript — safe expression mini-language for custom indicators
+ * WickScript — safe expression mini-language for custom indicators
  *
  * `expr:{(close - sma(close,20)) / sma(close,20)}` compiles through a
  * hand-written tokenizer + recursive-descent parser (no eval / Function)
- * and evaluates element-wise over the bar series.
+ * and evaluates element-wise over the bar series. (Called "HabScript" in
+ * 0.x releases.)
  * ------------------------------------------------------------------ */
 
 const SCRIPT_MAX_LEN = 512;
@@ -1156,7 +1158,7 @@ function validateScriptNode(n) {
 }
 
 /**
- * Compile a HabScript expression. Throws a descriptive error on any syntax
+ * Compile a WickScript expression. Throws a descriptive error on any syntax
  * or semantic problem — never evaluates strings at runtime.
  * @param {string} src
  * @returns {{src: string, ast: object}}
@@ -1303,7 +1305,7 @@ export function evalScript(compiled, bars) {
 }
 
 /**
- * Build an indicator definition from a HabScript expression — used inline by
+ * Build an indicator definition from a WickScript expression — used inline by
  * `indicators="expr:{…}"` / `pexpr:{…}"`, or register it under a name:
  * `HabChart.registerIndicator('myspread', scriptIndicator('close - ema(close,21)'))`.
  * @param {string} src

package/src/feeds.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
- * HabView feeds — data-source helpers shared by <hab-feed> and the demo app.
+ * WickChart feeds — data-source helpers shared by <wick-feed> and the demo app.
  * Browser module (uses fetch/WebSocket inside functions); importable in Node
  * for unit-testing the pure generators.
  * MIT License.

package/src/{hab-chart.js → wick-chart.js}

@@ -1,16 +1,19 @@
 /* ==========================================================================
- * <hab-chart> — a modern, dependency-free financial charting web component.
+ * <wick-chart> — a modern, dependency-free financial charting web component.
  *
- *   <hab-chart label="BTC · 1h" type="candles" indicators="sma:20 volume">
- *   </hab-chart>
+ *   <wick-chart label="BTC · 1h" type="candles" indicators="sma:20 volume">
+ *   </wick-chart>
  *   <script type="module">
- *     const chart = document.querySelector('hab-chart');
+ *     const chart = document.querySelector('wick-chart');
  *     chart.setData(bars);      // [{ time, open, high, low, close, volume }]
  *     chart.update(bar);        // streaming update / append
  *   </script>
  *
  * Zero dependencies. Canvas-rendered. Framework-agnostic (works in React,
- * Vue, Svelte, plain HTML). Themeable with --hab-* CSS custom properties.
+ * Vue, plain HTML). Themeable with --wick-* CSS custom properties.
+ *
+ * The 0.x names (<hab-chart>, --hab-*, hab:* events) still work as
+ * deprecated aliases — see the README migration notes.
  *
  * MIT License.
  * ========================================================================== */
@@ -29,14 +32,18 @@ import {
 } from './core.js';
 
 /* ------------------------------------------------------------------ *
- * <hab-chart>
+ * <wick-chart>
  * ------------------------------------------------------------------ */
 
+/** Indicator registry — module scope so registrations are shared by
+ *  <wick-chart> and the deprecated <hab-chart> alias element. */
+const REGISTRY = new Map(BUILTIN_INDICATORS);
+
   /* SSR safety: importing this module under Node (Next.js/Nuxt server render)
  * must not throw — the element simply registers only in browsers. */
 const HTMLElementBase = typeof HTMLElement !== 'undefined' ? HTMLElement : class {};
 
-class HabChart extends HTMLElementBase {
+class WickChart extends HTMLElementBase {
     static get observedAttributes() {
       return ['theme', 'type', 'log', 'auto', 'indicators', 'precision', 'label', 'stats', 'profile', 'annotations', 'volshading', 'co-view', 'sonify'];
     }
@@ -55,7 +62,7 @@ class HabChart extends HTMLElementBase {
             contain: content;
           }
           :host(:focus-visible) {
-            outline: 2px solid var(--hab-accent, #4c8dff);
+            outline: 2px solid var(--wick-accent, var(--hab-accent, #4c8dff));
             outline-offset: -2px;
           }
           .wrap { position: absolute; inset: 0; overflow: hidden; }
@@ -78,26 +85,26 @@ class HabChart extends HTMLElementBase {
           }
           .legend .row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
           .legend .sym {
-            color: var(--hab-text-strong, #e6edf3);
+            color: var(--wick-text-strong, var(--hab-text-strong, #e6edf3));
             font-weight: 700;
             font-size: 13px;
             letter-spacing: 0.02em;
           }
           .legend .kv { display: inline-flex; gap: 5px; align-items: baseline; white-space: nowrap; }
-          .legend .k { color: var(--hab-text, #8b949e); font-size: 11px; }
-          .legend .v { color: var(--hab-text-strong, #e6edf3); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
+          .legend .k { color: var(--wick-text, var(--hab-text, #8b949e)); font-size: 11px; }
+          .legend .v { color: var(--wick-text-strong, var(--hab-text-strong, #e6edf3)); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
           .legend .pct { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
-          .legend .up { color: var(--hab-up, #16c784); }
-          .legend .dn { color: var(--hab-down, #ea3943); }
+          .legend .up { color: var(--wick-up, var(--hab-up, #16c784)); }
+          .legend .dn { color: var(--wick-down, var(--hab-down, #ea3943)); }
           .legend .ind {
             display: inline-flex; align-items: center; gap: 6px;
-            color: var(--hab-text, #8b949e); font-size: 11.5px; white-space: nowrap;
+            color: var(--wick-text, var(--hab-text, #8b949e)); font-size: 11.5px; white-space: nowrap;
           }
           .legend .ind i { width: 8px; height: 2.5px; border-radius: 2px; display: inline-block; }
           .legend .ind .v { font-size: 12px; }
           .legend .insight {
-            color: var(--hab-accent, #4c8dff);
-            background: var(--hab-chip, rgba(127, 137, 153, 0.12));
+            color: var(--wick-accent, var(--hab-accent, #4c8dff));
+            background: var(--wick-chip, var(--hab-chip, rgba(127, 137, 153, 0.12)));
             border-radius: 6px;
             padding: 1px 8px;
             font-size: 11.5px;
@@ -106,7 +113,7 @@ class HabChart extends HTMLElementBase {
           .nodata {
             position: absolute; inset: 0;
             display: flex; align-items: center; justify-content: center;
-            color: var(--hab-text, #8b949e);
+            color: var(--wick-text, var(--hab-text, #8b949e));
             font: 500 13px ${FONT_STACK};
             pointer-events: none;
           }
@@ -119,25 +126,25 @@ class HabChart extends HTMLElementBase {
           }
           .hud .pos {
             display: inline-flex; gap: 9px; align-items: baseline; white-space: nowrap;
-            background: var(--hab-chip, rgba(127, 137, 153, 0.12));
-            border: 1px solid var(--hab-border, rgba(148, 163, 184, 0.2));
+            background: var(--wick-chip, var(--hab-chip, rgba(127, 137, 153, 0.12)));
+            border: 1px solid var(--wick-border, var(--hab-border, rgba(148, 163, 184, 0.2)));
             border-radius: 7px;
             padding: 3px 9px;
           }
           .hud .statsrow {
             display: inline-flex; gap: 12px; white-space: nowrap;
-            background: var(--hab-chip, rgba(127, 137, 153, 0.12));
-            border: 1px solid var(--hab-border, rgba(148, 163, 184, 0.2));
+            background: var(--wick-chip, var(--hab-chip, rgba(127, 137, 153, 0.12)));
+            border: 1px solid var(--wick-border, var(--hab-border, rgba(148, 163, 184, 0.2)));
             border-radius: 7px;
             padding: 3px 10px;
-            color: var(--hab-text, #8b949e);
+            color: var(--wick-text, var(--hab-text, #8b949e));
             font-variant-numeric: tabular-nums;
           }
-          .hud .statsrow b { color: var(--hab-text-strong, #e6edf3); font-weight: 600; }
-          .hud .k { color: var(--hab-text, #8b949e); font-weight: 500; }
-          .hud .v { color: var(--hab-text-strong, #e6edf3); font-variant-numeric: tabular-nums; }
-          .hud .up { color: var(--hab-up, #16c784); }
-          .hud .dn { color: var(--hab-down, #ea3943); }
+          .hud .statsrow b { color: var(--wick-text-strong, var(--hab-text-strong, #e6edf3)); font-weight: 600; }
+          .hud .k { color: var(--wick-text, var(--hab-text, #8b949e)); font-weight: 500; }
+          .hud .v { color: var(--wick-text-strong, var(--hab-text-strong, #e6edf3)); font-variant-numeric: tabular-nums; }
+          .hud .up { color: var(--wick-up, var(--hab-up, #16c784)); }
+          .hud .dn { color: var(--wick-down, var(--hab-down, #ea3943)); }
         </style>
         <div class="wrap" part="wrap">
           <canvas part="canvas" role="img"></canvas>
@@ -305,7 +312,7 @@ class HabChart extends HTMLElementBase {
           this._label = val || '';
           break;
         case 'indicators':
-          this._ind = parseIndicators(val, HabChart._registry());
+          this._ind = parseIndicators(val, WickChart._registry());
           break;
         case 'stats':
           this._stats = val != null && val !== 'false';
@@ -339,20 +346,15 @@ class HabChart extends HTMLElementBase {
      * Indicator registry
      * ------------------------------------------------------------ */
 
-    static _registryMap = null;
-
-    /** Lazily-built registry, seeded with the built-in indicators. */
+    /** Indicator registry (module scope — shared with the legacy alias tag). */
     static _registry() {
-      if (!HabChart._registryMap) {
-        HabChart._registryMap = new Map(BUILTIN_INDICATORS);
-      }
-      return HabChart._registryMap;
+      return REGISTRY;
     }
 
     /**
      * Register a custom indicator.
      *
-     *   HabChart.registerIndicator('vwap', {
+     *   WickChart.registerIndicator('vwap', {
      *     kind: 'overlay',                    // or 'pane'
      *     params: { period: 20 },             // defaults; settable via name:period
      *     compute(bars, params) {             // bars: normalized {time,o,h,l,c,v}
@@ -373,7 +375,7 @@ class HabChart extends HTMLElementBase {
       if (!def || typeof def.compute !== 'function') {
         throw new Error('registerIndicator: def.compute must be a function');
       }
-      HabChart._registry().set(name.toLowerCase(), {
+      REGISTRY.set(name.toLowerCase(), {
         kind: def.kind === 'pane' ? 'pane' : 'overlay',
         ...def,
       });
@@ -403,7 +405,7 @@ class HabChart extends HTMLElementBase {
       }
       const norm = [];
       for (const b of bars) {
-        const nb = HabChart._normBar(b);
+        const nb = WickChart._normBar(b);
         if (nb) norm.push(nb);
       }
       // skip the O(n log n) sort when already ascending (typical for feeds)
@@ -432,7 +434,7 @@ class HabChart extends HTMLElementBase {
      * @param {import('./core.js').Bar} bar
      */
     update(bar) {
-      const b = HabChart._normBar(bar);
+      const b = WickChart._normBar(bar);
       if (!b) return;
       const d = this._data;
       const last = d[d.length - 1];
@@ -492,7 +494,7 @@ class HabChart extends HTMLElementBase {
           }
           const older = [];
           for (const b of bars) {
-            const nb = HabChart._normBar(b);
+            const nb = WickChart._normBar(b);
             if (nb) older.push(nb);
           }
           const { bars: merged, added } = mergeOlderData(this._data, older);
@@ -540,14 +542,14 @@ class HabChart extends HTMLElementBase {
     setVisibleRange(range) {
       const d = this._data;
       if (!d.length || !range || !this._ly) return;
-      const from = HabChart._timeToMs(range.from);
-      const to = HabChart._timeToMs(range.to);
-      let i0 = HabChart._indexForTime(d, from);
-      let i1 = HabChart._indexForTime(d, to);
+      const from = WickChart._timeToMs(range.from);
+      const to = WickChart._timeToMs(range.to);
+      let i0 = WickChart._indexForTime(d, from);
+      let i1 = WickChart._indexForTime(d, to);
       if (i0 > i1) [i0, i1] = [i1, i0];
       if (i1 - i0 < 2) return;
       const { plotRight } = this._ly;
-      this._view.spacing = clamp(plotRight / (i1 - i0), this._minSpacing(), HabChart._MAX_SP);
+      this._view.spacing = clamp(plotRight / (i1 - i0), this._minSpacing(), WickChart._MAX_SP);
       this._view.rightIndex = i1;
       this._auto = false;
       this._clampView();
@@ -725,7 +727,8 @@ class HabChart extends HTMLElementBase {
     }
 
     /**
-     * Price alert. Fires `hab:alert` ({id, price, bar}) on an edge crossing
+     * Price alert. Fires `wick:alert` ({id, price, bar}) on an edge crossing
+     * (plus the deprecated `hab:alert` alias)
      * during streaming updates.
      * @param {{id?: string, price: number, direction?: 'above'|'below'|'cross',
      *          once?: boolean}} alert
@@ -764,9 +767,7 @@ class HabChart extends HTMLElementBase {
         if (a.fired) continue;
         if (checkAlertCross(a, prevClose, bar.close)) {
           a.fired = true;
-          this.dispatchEvent(
-            new CustomEvent('hab:alert', { detail: { id: a.id, price: a.price, bar } })
-          );
+          this._fire('alert', { id: a.id, price: a.price, bar });
           if (a.once) this._alerts = this._alerts.filter((x) => x !== a);
         }
       }
@@ -808,7 +809,7 @@ class HabChart extends HTMLElementBase {
       if (!b) return null;
       const t = b.time != null ? b.time : b.t;
       if (!isNum(t)) return null;
-      const time = HabChart._timeToMs(t);
+      const time = WickChart._timeToMs(t);
       const close = isNum(b.close) ? b.close : isNum(b.value) ? b.value : NaN;
       if (!isNum(close)) return null;
       const open = isNum(b.open) ? b.open : close;
@@ -887,8 +888,9 @@ class HabChart extends HTMLElementBase {
       if (this._pal && this._palKey === this._theme) return this._pal;
       const base = THEMES[this._theme] || THEMES.dark;
       const cs = getComputedStyle(this);
+      // --wick-* is canonical; --hab-* still honored as the 0.x fallback
       const get = (name, fallback) => {
-        const v = cs.getPropertyValue('--hab-' + name).trim();
+        const v = cs.getPropertyValue('--wick-' + name).trim() || cs.getPropertyValue('--hab-' + name).trim();
         return v || fallback;
       };
       const pal = {};
@@ -899,7 +901,8 @@ class HabChart extends HTMLElementBase {
             o.push(get('overlay-' + i, base.overlay[i]));
           }
           // allow single overlay color
-          const single = cs.getPropertyValue('--hab-overlay').trim();
+          const single =
+            cs.getPropertyValue('--wick-overlay').trim() || cs.getPropertyValue('--hab-overlay').trim();
           pal.overlay = single ? base.overlay.map(() => single) : o;
         } else {
           pal[k] = get(k.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()), base[k]);
@@ -1018,7 +1021,7 @@ class HabChart extends HTMLElementBase {
       if (!d.length || !this._ly) return;
       const { plotRight } = this._ly;
       const target = Math.min(d.length, 150);
-      this._view.spacing = clamp(plotRight / target, this._minSpacing(), HabChart._MAX_SP);
+      this._view.spacing = clamp(plotRight / target, this._minSpacing(), WickChart._MAX_SP);
       this._view.rightIndex = d.length - 1 + this._rightMargin();
     }
 
@@ -1027,7 +1030,7 @@ class HabChart extends HTMLElementBase {
       const ly = this._ly;
       if (!d.length || !ly) return;
       const v = this._view;
-      v.spacing = clamp(v.spacing, this._minSpacing(), HabChart._MAX_SP);
+      v.spacing = clamp(v.spacing, this._minSpacing(), WickChart._MAX_SP);
       const visible = ly.plotRight / v.spacing;
       const maxRight = d.length - 1 + Math.max(6, visible * 0.5);
       const minRight = Math.min(2, d.length - 1);
@@ -1457,9 +1460,7 @@ class HabChart extends HTMLElementBase {
           this._annoList = detectAnnotations(this._data, i0, i1, this._cachedRSI14());
           this._annoKey = akey;
           this._legendKey = ''; // legend may now show insights at the hovered bar
-          this.dispatchEvent(
-            new CustomEvent('hab:annotations', { detail: { annotations: this._annoList } })
-          );
+          this._fire('annotations', { annotations: this._annoList });
         }
         const A = this._annoList;
         if (A.length) {
@@ -2353,7 +2354,7 @@ class HabChart extends HTMLElementBase {
         const s = clamp(
           (this._pinch.spacing * dist) / this._pinch.dist,
           this._minSpacing(),
-          HabChart._MAX_SP
+          WickChart._MAX_SP
         );
         this._view.spacing = s;
         this._view.rightIndex = this._pinch.idxAtMid + (ly.plotRight - mid.x) / s;
@@ -2406,15 +2407,11 @@ class HabChart extends HTMLElementBase {
             const d = this._data;
             const barA = d[clamp(m.iA, 0, d.length - 1)];
             const barB = d[clamp(m.iB, 0, d.length - 1)];
-            this.dispatchEvent(
-              new CustomEvent('hab:measure', {
-                detail: {
-                  from: { index: m.iA, time: barA.time, price: m.pA },
-                  to: { index: m.iB, time: barB.time, price: m.pB },
-                  bars: Math.abs(m.iB - m.iA),
-                },
-              })
-            );
+            this._fire('measure', {
+              from: { index: m.iA, time: barA.time, price: m.pA },
+              to: { index: m.iB, time: barB.time, price: m.pB },
+              bars: Math.abs(m.iB - m.iA),
+            });
           }
         } else if (this._pan && had && !this._pan.moved && this._data.length) {
           if (this._measure) {
@@ -2426,11 +2423,7 @@ class HabChart extends HTMLElementBase {
             const pt = this._localPoint(e);
             const idx = clamp(Math.round(this._indexForX(pt.x)), 0, this._data.length - 1);
             const price = this._yToPrice(pt.y);
-            this.dispatchEvent(
-              new CustomEvent('hab:select', {
-                detail: { index: idx, bar: this._data[idx], price },
-              })
-            );
+            this._fire('select', { index: idx, bar: this._data[idx], price });
           }
         }
         this._pan = null;
@@ -2467,7 +2460,7 @@ class HabChart extends HTMLElementBase {
 
       const factor = Math.exp(-dy * (e.ctrlKey ? 0.008 : 0.0016));
       const oldSp = this._view.spacing;
-      const newSp = clamp(oldSp * factor, this._minSpacing(), HabChart._MAX_SP);
+      const newSp = clamp(oldSp * factor, this._minSpacing(), WickChart._MAX_SP);
       if (newSp === oldSp) return;
       const idxAtCursor = this._indexForX(pt.x);
       this._view.spacing = newSp;
@@ -2504,12 +2497,12 @@ class HabChart extends HTMLElementBase {
         this._invalidate();
         this._emitRange();
       } else if (key === '+' || key === '=') {
-        this._view.spacing = clamp(this._view.spacing * 1.25, this._minSpacing(), HabChart._MAX_SP);
+        this._view.spacing = clamp(this._view.spacing * 1.25, this._minSpacing(), WickChart._MAX_SP);
         this._clampView();
         this._invalidate();
         this._emitRange();
       } else if (key === '-' || key === '_') {
-        this._view.spacing = clamp(this._view.spacing / 1.25, this._minSpacing(), HabChart._MAX_SP);
+        this._view.spacing = clamp(this._view.spacing / 1.25, this._minSpacing(), WickChart._MAX_SP);
         this._clampView();
         this._invalidate();
         this._emitRange();
@@ -2636,7 +2629,7 @@ class HabChart extends HTMLElementBase {
           price: this._yToPrice(hover.y),
         };
       }
-      this.dispatchEvent(new CustomEvent('hab:crosshair', { detail }));
+      this._fire('crosshair', detail);
 
       // co-view: share the pointer with peer charts (leave events bypass throttle)
       if (this._coviewCh) {
@@ -2678,7 +2671,7 @@ class HabChart extends HTMLElementBase {
       if (!name || !this._connected || typeof BroadcastChannel === 'undefined') return;
       if (!this._coviewPeer) this._coviewPeer = 'p' + Math.random().toString(36).slice(2, 8);
       try {
-        const ch = new BroadcastChannel('hab-co-view:' + name);
+        const ch = new BroadcastChannel('wick-co-view:' + name);
         ch.onmessage = (ev) => this._onCoMessage(ev.data);
         this._coviewCh = ch;
       } catch (_) {}
@@ -2703,7 +2696,7 @@ class HabChart extends HTMLElementBase {
       }
       if (!isNum(m.time) || !this._data.length) return;
       this._ghost = {
-        index: HabChart._indexForTime(this._data, m.time),
+        index: WickChart._indexForTime(this._data, m.time),
         yFrac: isNum(m.yFrac) ? clamp(m.yFrac, 0, 1) : null,
         at: Date.now(),
       };
@@ -2715,15 +2708,31 @@ class HabChart extends HTMLElementBase {
       this._invalidate();
     }
 
+    /** Dispatch `wick:name` (canonical) plus the deprecated `hab:name` alias,
+     *  so 0.x listeners keep working until 2.0. */
+    _fire(name, detail) {
+      this.dispatchEvent(new CustomEvent('wick:' + name, { detail }));
+      this.dispatchEvent(new CustomEvent('hab:' + name, { detail }));
+    }
+
     _emitRange() {
       const r = this.getVisibleRange();
       if (!r) return;
-      this.dispatchEvent(new CustomEvent('hab:range', { detail: r }));
+      this._fire('range', r);
     }
   }
 
-if (typeof customElements !== 'undefined' && !customElements.get('hab-chart')) {
-  customElements.define('hab-chart', HabChart);
+if (typeof customElements !== 'undefined') {
+  if (!customElements.get('wick-chart')) {
+    customElements.define('wick-chart', WickChart);
+  }
+  // 0.x alias: same element under its old tag name (deprecated, removed in 2.0)
+  if (!customElements.get('hab-chart')) {
+    /** @deprecated use <wick-chart> */
+    class HabChart extends WickChart {}
+    customElements.define('hab-chart', HabChart);
+  }
 }
 
-export default HabChart;
+export default WickChart;
+export { WickChart };

package/src/{hab-feed.js → wick-feed.js}

@@ -1,10 +1,10 @@
 /* ==========================================================================
- * <hab-feed> — declarative data feeds for <hab-chart>.
+ * <wick-feed> — declarative data feeds for <wick-chart>.
  *
- *   <script type="module" src="https://unpkg.com/hab-view/feed"></script>
+ *   <script type="module" src="https://unpkg.com/wickchart/feed"></script>
  *
- *   <hab-feed for="chart" binance="BTCUSDT" tf="1h"></hab-feed>
- *   <hab-chart id="chart" indicators="sma:20 volume"></hab-chart>
+ *   <wick-feed for="chart" binance="BTCUSDT" tf="1h"></wick-feed>
+ *   <wick-chart id="chart" indicators="sma:20 volume"></wick-chart>
  *
  * A fully live chart with zero JavaScript written. Sources:
  *   binance="SYMBOL"  live via WebSocket (REST klines + backfill; falls back
@@ -17,11 +17,12 @@
  * Attributes: for (chart id; auto-pairs with the first chart otherwise),
  *   tf (1m…1w), limit (initial bars, default 500), live="false" to disable
  *   streaming. Status is reflected in the `status` attribute and via
- *   `hab-feed:status` events (loading / live / polling / fallback / loaded /
- *   waiting / idle). `hab-feed:fallback` fires when a live source degrades.
+ *   `wick-feed:status` events (loading / live / polling / fallback / loaded /
+ *   waiting / idle). `wick-feed:fallback` fires when a live source degrades.
+ *   (The 0.x event names `hab-feed:*` still fire as deprecated aliases.)
  * ========================================================================== */
 
-import './hab-chart.js';
+import './wick-chart.js';
 import {
   genSynthetic,
   makeSynthStream,
@@ -35,7 +36,7 @@ const LIVE_TICK_MS = 650;
 
 const HTMLElementBase = typeof HTMLElement !== 'undefined' ? HTMLElement : class {};
 
-class HabFeed extends HTMLElementBase {
+class WickFeed extends HTMLElementBase {
   static get observedAttributes() {
     return ['for', 'binance', 'demo', 'url', 'tf', 'limit', 'poll', 'live'];
   }
@@ -86,17 +87,24 @@ class HabFeed extends HTMLElementBase {
   _setStatus(status, detail) {
     if (!this.isConnected) return;
     this.setAttribute('status', status);
-    this.dispatchEvent(new CustomEvent('hab-feed:status', { detail: { status, ...detail } }));
+    this._fire('status', { status, ...detail });
   }
 
-  /** Resolve the target chart (by `for` id, else the first <hab-chart>). */
+  /** Dispatch `wick-feed:name` plus the deprecated `hab-feed:name` alias. */
+  _fire(name, detail) {
+    this.dispatchEvent(new CustomEvent('wick-feed:' + name, { detail }));
+    this.dispatchEvent(new CustomEvent('hab-feed:' + name, { detail }));
+  }
+
+  /** Resolve the target chart (by `for` id, else the first chart element —
+   *  <wick-chart> or the deprecated <hab-chart>). */
   _resolveChart() {
     const id = this.getAttribute('for');
     if (id) {
       const el = document.getElementById(id);
-      return el && el.tagName === 'HAB-CHART' ? el : null;
+      return el && (el.tagName === 'WICK-CHART' || el.tagName === 'HAB-CHART') ? el : null;
     }
-    return document.querySelector('hab-chart');
+    return document.querySelector('wick-chart') || document.querySelector('hab-chart');
   }
 
   _restart() {
@@ -105,7 +113,7 @@ class HabFeed extends HTMLElementBase {
     if (!chart || typeof chart.setData !== 'function') {
       // chart not in the DOM yet (or not upgraded) — watch for it
       this._setStatus('waiting');
-      customElements.whenDefined('hab-chart').then(() => {
+      customElements.whenDefined('wick-chart').then(() => {
         if (!this.isConnected) return;
         this._observer = this._observer || new MutationObserver(() => {
           const c = this._resolveChart();
@@ -208,9 +216,7 @@ class HabFeed extends HTMLElementBase {
   }
 
   _degrade(gen, chart, sym, tfId, limit, live, err) {
-    this.dispatchEvent(
-      new CustomEvent('hab-feed:fallback', { detail: { reason: err && err.message } })
-    );
+    this._fire('fallback', { reason: err && err.message });
     this._synthetic(gen, chart, sym, tfId, limit, live, 'fallback');
   }
 
@@ -248,8 +254,17 @@ class HabFeed extends HTMLElementBase {
   }
 }
 
-if (typeof customElements !== 'undefined' && !customElements.get('hab-feed')) {
-  customElements.define('hab-feed', HabFeed);
+if (typeof customElements !== 'undefined') {
+  if (!customElements.get('wick-feed')) {
+    customElements.define('wick-feed', WickFeed);
+  }
+  // 0.x alias: same element under its old tag name (deprecated, removed in 2.0)
+  if (!customElements.get('hab-feed')) {
+    /** @deprecated use <wick-feed> */
+    class HabFeed extends WickFeed {}
+    customElements.define('hab-feed', HabFeed);
+  }
 }
 
-export default HabFeed;
+export default WickFeed;
+export { WickFeed };

package/types/core.d.ts

@@ -512,7 +512,7 @@ export declare const BUILTIN_INDICATORS: Map<string, {
 /**
  * Parse an `indicators` attribute string against a registry.
  * Token: `name[:param[/param…]][@color]`, the `volume` keyword, and
- * HabScript blobs `expr:{…}` (overlay) / `pexpr:{…}` (separate pane).
+ * WickScript blobs `expr:{…}` (overlay) / `pexpr:{…}` (separate pane).
  * @param {string|null|undefined} str
  * @param {Map<string, IndicatorDef>} registry
  * @returns {{overlays: IndicatorEntry[], panes: IndicatorEntry[], volume: boolean, unknown: string[]}}
@@ -533,7 +533,7 @@ export declare function parseIndicators(str: string | null | undefined, registry
  */
 export declare function splitIndicatorTokens(str: string | null | undefined): string[];
 /**
- * Compile a HabScript expression. Throws a descriptive error on any syntax
+ * Compile a WickScript expression. Throws a descriptive error on any syntax
  * or semantic problem — never evaluates strings at runtime.
  * @param {string} src
  * @returns {{src: string, ast: object}}
@@ -553,7 +553,7 @@ export declare function evalScript(compiled: {
     ast: object;
 } | string, bars: Bar[]): number[];
 /**
- * Build an indicator definition from a HabScript expression — used inline by
+ * Build an indicator definition from a WickScript expression — used inline by
  * `indicators="expr:{…}"` / `pexpr:{…}"`, or register it under a name:
  * `HabChart.registerIndicator('myspread', scriptIndicator('close - ema(close,21)'))`.
  * @param {string} src

package/types/{hab-chart.d.ts → wick-chart.d.ts}

@@ -1,7 +1,7 @@
 declare const HTMLElementBase: {
     new (): {};
 };
-declare class HabChart extends HTMLElementBase {
+declare class WickChart extends HTMLElementBase {
     _canvas: any;
     _ctx: any;
     _legend: any;
@@ -172,13 +172,93 @@ declare class HabChart extends HTMLElementBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: any, _old: any, val: any): void;
-    static _registryMap: any;
-    /** Lazily-built registry, seeded with the built-in indicators. */
-    static _registry(): any;
+    /** Indicator registry (module scope — shared with the legacy alias tag). */
+    static _registry(): Map<string, {
+        kind: string;
+        params: {
+            period: number;
+            mult?: undefined;
+            fast?: undefined;
+            slow?: undefined;
+            signal?: undefined;
+        };
+        compute: (bars: any, p: any) => number[];
+        range?: undefined;
+        color?: undefined;
+        guides?: undefined;
+        fmt?: undefined;
+    } | {
+        kind: string;
+        params: {
+            period: number;
+            mult?: undefined;
+            fast?: undefined;
+            slow?: undefined;
+            signal?: undefined;
+        };
+        compute: (bars: any, p: any) => number[];
+        range?: undefined;
+        color?: undefined;
+        guides?: undefined;
+        fmt?: undefined;
+    } | {
+        kind: string;
+        params: {
+            period: number;
+            mult: number;
+            fast?: undefined;
+            slow?: undefined;
+            signal?: undefined;
+        };
+        compute: (bars: any, p: any) => {
+            lines: {
+                name: string;
+                values: number[];
+            }[];
+        };
+        range?: undefined;
+        color?: undefined;
+        guides?: undefined;
+        fmt?: undefined;
+    } | {
+        kind: string;
+        params: {
+            mult?: undefined;
+            period: number;
+            fast?: undefined;
+            slow?: undefined;
+            signal?: undefined;
+        };
+        guides: number[];
+        range: number[];
+        fmt: string;
+        color: string;
+        compute: (bars: any, p: any) => number[];
+    } | {
+        range?: undefined;
+        color?: undefined;
+        kind: string;
+        params: {
+            mult?: undefined;
+            period?: undefined;
+            fast: number;
+            slow: number;
+            signal: number;
+        };
+        guides: number[];
+        fmt: string;
+        compute: (bars: any, p: any) => {
+            lines: {
+                name: string;
+                values: number[];
+            }[];
+            histogram: number[];
+        };
+    }>;
     /**
      * Register a custom indicator.
      *
-     *   HabChart.registerIndicator('vwap', {
+     *   WickChart.registerIndicator('vwap', {
      *     kind: 'overlay',                    // or 'pane'
      *     params: { period: 20 },             // defaults; settable via name:period
      *     compute(bars, params) {             // bars: normalized {time,o,h,l,c,v}
@@ -269,7 +349,8 @@ declare class HabChart extends HTMLElementBase {
     removePosition(id: any): void;
     clearPositions(): void;
     /**
-     * Price alert. Fires `hab:alert` ({id, price, bar}) on an edge crossing
+     * Price alert. Fires `wick:alert` ({id, price, bar}) on an edge crossing
+     * (plus the deprecated `hab:alert` alias)
      * during streaming updates.
      * @param {{id?: string, price: number, direction?: 'above'|'below'|'cross',
      *          once?: boolean}} alert
@@ -386,6 +467,10 @@ declare class HabChart extends HTMLElementBase {
     _setupCoView(): void;
     _coviewSend(msg: any): void;
     _onCoMessage(m: any): void;
+    /** Dispatch `wick:name` (canonical) plus the deprecated `hab:name` alias,
+     *  so 0.x listeners keep working until 2.0. */
+    _fire(name: any, detail: any): void;
     _emitRange(): void;
 }
-export default HabChart;
+export default WickChart;
+export { WickChart };

package/types/{hab-feed.d.ts → wick-feed.d.ts}

@@ -1,8 +1,8 @@
-import './hab-chart.js';
+import './wick-chart.js';
 declare const HTMLElementBase: {
     new (): {};
 };
-declare class HabFeed extends HTMLElementBase {
+declare class WickFeed extends HTMLElementBase {
     _gen: number;
     _closers: any[];
     _timer: number;
@@ -15,7 +15,10 @@ declare class HabFeed extends HTMLElementBase {
     _scheduleRestart(): void;
     _teardown(): void;
     _setStatus(status: any, detail: any): void;
-    /** Resolve the target chart (by `for` id, else the first <hab-chart>). */
+    /** Dispatch `wick-feed:name` plus the deprecated `hab-feed:name` alias. */
+    _fire(name: any, detail: any): void;
+    /** Resolve the target chart (by `for` id, else the first chart element —
+     *  <wick-chart> or the deprecated <hab-chart>). */
     _resolveChart(): Element;
     _restart(): void;
     _synthetic(gen: any, chart: any, key: any, tfId: any, limit: any, live: any, status?: string): void;
@@ -24,4 +27,5 @@ declare class HabFeed extends HTMLElementBase {
     _degrade(gen: any, chart: any, sym: any, tfId: any, limit: any, live: any, err: any): void;
     _rest(gen: any, chart: any, url: any, limit: any, live: any): Promise<void>;
 }
-export default HabFeed;
+export default WickFeed;
+export { WickFeed };