@sybilion/uilib 1.0.20

package/dist/esm/types/src/utils/chatPresetMerge.d.ts

@@ -0,0 +1,2 @@
+import type { ChatPreset } from '#uilib/components/ui/Chat/Chat.types';
+export declare function mergePresetFreeformDefaults(presets: ChatPreset[]): ChatPreset[];

package/dist/esm/types/src/utils/datasetApplicationLink.d.ts

@@ -0,0 +1,7 @@
+/** Bracket token from agent chat: `[datasetId:1234]` or `[datasetId:1;analysisId:2]` */
+export declare const DATASET_APP_TOKEN_REGEX: RegExp;
+export declare function parseDatasetAppToken(token: string): {
+    datasetId: number;
+    analysisId?: number;
+} | null;
+export declare function buildDatasetApplicationPath(datasetId: number, analysisId?: number): string;

package/dist/esm/types/src/utils/quantileFormat.d.ts

@@ -0,0 +1,3 @@
+export declare const findClosestQuantile: (targetQuantile: string, availableQuantiles: string[]) => string;
+export declare const normalizeQuantileKey: (quantile: string, availableKeys: string[]) => string;
+export declare const formatQuantileRangeLabel: (lowerQuantile: string, upperQuantile: string, includeRangeSuffix?: boolean) => string;

package/dist/esm/types/tests/chartConnectionPoint.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/smoke.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/analysisDate.js

@@ -0,0 +1,16 @@
+/**
+ * Sort items by updated_at (newest first), return up to N latest.
+ * Falls back to original order when updated_at is missing.
+ */
+const getLatestByUpdatedAt = (items, count) => {
+    const withTs = items.map(item => ({
+        item,
+        ts: item.updated_at ? new Date(item.updated_at).getTime() : 0,
+    }));
+    return withTs
+        .sort((a, b) => b.ts - a.ts)
+        .slice(0, count)
+        .map(({ item }) => item);
+};
+
+export { getLatestByUpdatedAt };

package/dist/esm/utils/chartConnectionPoint.js

@@ -0,0 +1,105 @@
+const FORECAST_KEY_RE = /^forecast_(\d+)$/;
+function collectForecastSeriesIds(chartData) {
+    const ids = new Set();
+    for (const row of chartData) {
+        for (const key of Object.keys(row)) {
+            const m = key.match(FORECAST_KEY_RE);
+            if (m)
+                ids.add(Number(m[1]));
+        }
+    }
+    return [...ids].sort((a, b) => a - b);
+}
+function forecastSeriesKey(id) {
+    return `forecast_${id}`;
+}
+function hasForecastValue(point, id) {
+    const v = point[forecastSeriesKey(id)];
+    return v !== null && v !== undefined && typeof v === 'number';
+}
+/**
+ * Injects `forecast_{id}` on the row before each series’ first forecast month (historical value)
+ * so dashed forecast lines meet the historical line. Matches sybilion-client bridge behavior.
+ * Never overwrites an existing forecast value on that row.
+ */
+function ensureChartForecastBridge(chartData, options) {
+    if (options?.disabled || chartData.length === 0) {
+        return chartData;
+    }
+    const sorted = [...chartData].sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
+    const seriesIds = options?.forecastSeriesIds?.length
+        ? [...options.forecastSeriesIds]
+        : collectForecastSeriesIds(sorted);
+    if (seriesIds.length === 0) {
+        return sorted;
+    }
+    const rows = sorted.map(p => ({ ...p }));
+    for (const id of seriesIds) {
+        const dataKey = forecastSeriesKey(id);
+        let firstForecastDate = null;
+        for (const row of rows) {
+            if (hasForecastValue(row, id)) {
+                firstForecastDate = row.date;
+                break;
+            }
+        }
+        if (!firstForecastDate)
+            continue;
+        const prevMonthNorm = normalizeToMonthStart(getPreviousMonth(firstForecastDate));
+        const prevMonthIdx = rows.findIndex(row => normalizeToMonthStart(row.date) === prevMonthNorm);
+        if (prevMonthIdx >= 0) {
+            const existing = rows[prevMonthIdx][dataKey];
+            const hPrev = rows[prevMonthIdx].historical;
+            if ((existing === undefined || existing === null) &&
+                hPrev !== undefined &&
+                hPrev !== null) {
+                rows[prevMonthIdx] = {
+                    ...rows[prevMonthIdx],
+                    [dataKey]: hPrev,
+                };
+            }
+        }
+        const lastHist = findLastValidHistoricalChartPoint(rows);
+        if (!lastHist)
+            continue;
+        const normLast = normalizeToMonthStart(lastHist.date);
+        const normFirst = normalizeToMonthStart(firstForecastDate);
+        if (normLast >= normFirst)
+            continue;
+        const idxLast = rows.findIndex(r => r.date === lastHist.date);
+        if (idxLast < 0)
+            continue;
+        const existingAtLast = rows[idxLast][dataKey];
+        if (existingAtLast !== undefined && existingAtLast !== null)
+            continue;
+        const hLast = rows[idxLast].historical;
+        if (hLast !== undefined && hLast !== null) {
+            rows[idxLast] = { ...rows[idxLast], [dataKey]: hLast };
+        }
+    }
+    return rows;
+}
+/**
+ * Find the last valid historical data point from ChartDataPoint array
+ */
+function findLastValidHistoricalChartPoint(historical) {
+    const validPoints = historical.filter(point => point.historical !== null && point.historical !== undefined);
+    return validPoints.length > 0 ? validPoints[validPoints.length - 1] : null;
+}
+/**
+ * Normalize date to first day of month for comparison (YYYY-MM-01)
+ */
+function normalizeToMonthStart(date) {
+    const d = new Date(date);
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-01`;
+}
+/**
+ * Get the previous month date (first day of previous month)
+ */
+function getPreviousMonth(date) {
+    const d = new Date(date);
+    d.setMonth(d.getMonth() - 1);
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-01`;
+}
+
+export { ensureChartForecastBridge, findLastValidHistoricalChartPoint, getPreviousMonth, normalizeToMonthStart };

package/dist/esm/utils/chartRenderQueue.js

@@ -0,0 +1,49 @@
+const RENDER_DELAY = 200; // ms between chart renders
+class ChartRenderQueue {
+    queue = [];
+    isProcessing = false;
+    timeoutId = null;
+    registerCallback(callback) {
+        if (this.queue.length === 0 && !this.isProcessing) {
+            // Queue is empty, call immediately
+            this.isProcessing = true;
+            callback();
+            // Process next callback after delay
+            this.timeoutId = setTimeout(() => {
+                this.isProcessing = false;
+                this.processNext();
+            }, RENDER_DELAY);
+        }
+        else {
+            // Add to queue
+            this.queue.push(callback);
+        }
+    }
+    processNext() {
+        if (this.queue.length === 0) {
+            this.isProcessing = false;
+            return;
+        }
+        this.isProcessing = true;
+        const callback = this.queue.shift();
+        if (callback) {
+            callback();
+            // Process next callback after delay
+            this.timeoutId = setTimeout(() => {
+                this.isProcessing = false;
+                this.processNext();
+            }, RENDER_DELAY);
+        }
+    }
+    clear() {
+        this.queue = [];
+        if (this.timeoutId) {
+            clearTimeout(this.timeoutId);
+            this.timeoutId = null;
+        }
+        this.isProcessing = false;
+    }
+}
+const chartRenderQueue = new ChartRenderQueue();
+
+export { chartRenderQueue };

package/dist/esm/utils/chatPresetMerge.js

@@ -0,0 +1,29 @@
+import { isPresetScriptGraph, branchesFromPresetScriptGraph } from '../components/ui/Chat/ChatMessage/presetScript.js';
+
+const PRESET_FREEFORM_DEFAULTS_BY_ID = {
+    '4': {
+        initial: 'q_company',
+        p_rev: 'complete',
+        p_mar: 'complete',
+        p_risk: 'complete',
+    },
+    '5': { initial: 'q_goal' },
+};
+function mergePresetFreeformDefaults(presets) {
+    return presets.map(p => {
+        const fromId = PRESET_FREEFORM_DEFAULTS_BY_ID[p.id];
+        let merged = { ...(fromId ?? {}), ...(p.freeformNext ?? {}) };
+        if (Object.keys(merged).length === 0) {
+            const script = p.script;
+            if (isPresetScriptGraph(script)) {
+                const branchKeys = Object.keys(branchesFromPresetScriptGraph(script));
+                if (branchKeys.length === 1) {
+                    merged = { initial: branchKeys[0] };
+                }
+            }
+        }
+        return Object.keys(merged).length > 0 ? { ...p, freeformNext: merged } : p;
+    });
+}
+
+export { mergePresetFreeformDefaults };

package/dist/esm/utils/datasetApplicationLink.js

@@ -0,0 +1,21 @@
+import { DATASET_QUERY_PARAM } from '../constants/dataset.js';
+
+/** Bracket token from agent chat: `[datasetId:1234]` or `[datasetId:1;analysisId:2]` */
+const DATASET_APP_TOKEN_REGEX = /^\[datasetId:(\d+)(?:;analysisId:(\d+))?\]$/;
+function parseDatasetAppToken(token) {
+    const m = token.match(DATASET_APP_TOKEN_REGEX);
+    if (!m)
+        return null;
+    const datasetId = Number(m[1]);
+    const analysisId = m[2] != null ? Number(m[2]) : undefined;
+    return analysisId != null ? { datasetId, analysisId } : { datasetId };
+}
+function buildDatasetApplicationPath(datasetId, analysisId) {
+    const params = new URLSearchParams();
+    params.set(DATASET_QUERY_PARAM, String(datasetId));
+    if (analysisId != null)
+        params.set('analysisId', String(analysisId));
+    return `/datasets?${params.toString()}`;
+}
+
+export { DATASET_APP_TOKEN_REGEX, buildDatasetApplicationPath, parseDatasetAppToken };

package/dist/esm/utils/quantileFormat.js

@@ -0,0 +1,32 @@
+const calculateQuantilePercentage = (quantile) => (parseFloat(quantile) * 100).toFixed(0);
+const findClosestQuantile = (targetQuantile, availableQuantiles) => {
+    const target = parseFloat(targetQuantile);
+    let closest = availableQuantiles[0];
+    let minDiff = Math.abs(parseFloat(closest) - target);
+    for (const quantile of availableQuantiles) {
+        const diff = Math.abs(parseFloat(quantile) - target);
+        if (diff < minDiff) {
+            minDiff = diff;
+            closest = quantile;
+        }
+    }
+    return closest;
+};
+const normalizeQuantileKey = (quantile, availableKeys) => {
+    if (availableKeys.includes(quantile)) {
+        return quantile;
+    }
+    const normalized = parseFloat(quantile).toFixed(2);
+    if (availableKeys.includes(normalized)) {
+        return normalized;
+    }
+    return findClosestQuantile(quantile, availableKeys);
+};
+const formatQuantileRangeLabel = (lowerQuantile, upperQuantile, includeRangeSuffix = true) => {
+    const lower = calculateQuantilePercentage(lowerQuantile);
+    const upper = calculateQuantilePercentage(upperQuantile);
+    const suffix = includeRangeSuffix ? ' Range' : '';
+    return `${lower}% - ${upper}%${suffix}`;
+};
+
+export { findClosestQuantile, formatQuantileRangeLabel, normalizeQuantileKey };

package/package.json

@@ -0,0 +1,172 @@
+{
+  "name": "@sybilion/uilib",
+  "version": "1.0.20",
+  "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "type": "module",
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/types/index.d.ts",
+  "sideEffects": [
+    "**/*.styl",
+    "**/*.css",
+    "**/*.styl.js"
+  ],
+  "imports": {
+    "#uilib/*": "./src/*"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/esm/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "default": "./dist/esm/index.js"
+    },
+    "./src": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./src/*": "./src/*"
+  },
+  "files": [
+    "src",
+    "dist",
+    "package.json"
+  ],
+  "directories": {
+    "dist": "./dist"
+  },
+  "scripts": {
+    "tests": "jest",
+    "tests:watch": "jest --watch",
+    "ts": "tsc --noEmit",
+    "dev": "NODE_OPTIONS='--loader ts-node/esm' NODE_ENV=development webpack-dev-server --mode=development --config ./src/docs/config/webpack.config.js --progress",
+    "build": "rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "build:watch": "yarn build --watch",
+    "build:compress": "COMPRESS=true yarn build",
+    "build:sybilion-ui": "rollup -c rollup.sybilion-ui.config.ts --configPlugin @rollup/plugin-typescript && rm -rf packages/sybilion-ui/dist/esm/types && rollup -c rollup.sybilion-ui.dts.config.ts --configPlugin @rollup/plugin-typescript",
+    "publish:npm": "yarn build && npm publish --access public",
+    "publish:sybilion-ui": "yarn build:sybilion-ui && npm publish ./packages/sybilion-ui --access public",
+    "docs:build": "NODE_OPTIONS='--loader ts-node/esm' NODE_ENV=production webpack --mode=production --config ./src/docs/config/webpack.config.js --progress",
+    "release": "standard-version",
+    "release:major": "yarn release -- --release-as major",
+    "release:minor": "yarn release -- --release-as minor",
+    "release:patch": "yarn release -- --release-as patch",
+    "release:as": "yarn release -- --release-as"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/Mir-Insight/uilib.git"
+  },
+  "keywords": [
+    "ui",
+    "library",
+    "design",
+    "system",
+    "react"
+  ],
+  "author": "apostololeg",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Mir-Insight/uilib/issues"
+  },
+  "homepage": "https://github.com/Mir-Insight/uilib#readme",
+  "dependencies": {
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@vimeo/player": "^2.29.3",
+    "classnames": "^2.3.2",
+    "lucide-react": "^0.546.0",
+    "motion": "^12.23.12",
+    "recharts": "^3.2.1",
+    "standard-version": "^9.5.0",
+    "style-inject": "^0.3.0",
+    "tailwindcss": "^4.2.2",
+    "tslib": "^2.8.1",
+    "vaul": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@homecode/ui": ">=4.17.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-router-dom": ">=6.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/preset-typescript": "^7.21.0",
+    "@homecode/ui": "^4.30.6",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^6.5.1",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@types/jest": "^29.4.0",
+    "@types/node": "^18.14.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "babel-loader": "8",
+    "babel-preset-react-app": "^10.0.1",
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^11.0.0",
+    "css-loader": "^6.7.3",
+    "css-modules-typescript-loader": "^4.0.1",
+    "cssnano": "^6.0.3",
+    "dotenv": "^17.4.1",
+    "favicons": "^7.1.3",
+    "favicons-webpack-plugin": "^6.0.0",
+    "file-loader": "^6.2.0",
+    "glob": "^10.3.10",
+    "html-webpack-plugin": "^5.5.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "mini-css-extract-plugin": "^2.7.2",
+    "postcss-loader": "^7.0.2",
+    "postcss-preset-env": "^8.0.1",
+    "prettier": "^3.6.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.1.1",
+    "react-refresh": "^0.17.0",
+    "react-router-dom": "^6.28.0",
+    "rollup": "^3.17.1",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-node-externals": "^5.1.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-uglify": "^6.0.4",
+    "style-loader": "^3.3.1",
+    "stylus": "^0.59.0",
+    "stylus-loader": "^7.1.0",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.3.3",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^5.2.3"
+  }
+}

package/src/components/ui/AnalysesSelector/AnalysesSelector.styl

@@ -0,0 +1,68 @@
+.root
+  display flex
+  align-items center
+  justify-content flex-start
+  flex-wrap wrap
+  // margin-left calc(var(--p-2) * -1)
+
+.variant-default.single
+  background-color var(--background)
+  border-radius var(--p-4)
+  padding 0 var(--p-2)
+
+.item
+  display flex
+  align-items center
+  gap var(--p-2)
+  margin var(--p-1)
+
+  cursor pointer
+  user-select none
+  transition opacity 0.2s ease
+
+  &:hover
+  &.disabled
+    opacity 0.5
+
+  &.disabled:hover
+    opacity 0.8
+
+  &.historical
+    pointer-events none
+
+  &.dimmed
+    opacity 0.5
+
+.icon
+  width 16px
+  height 16px
+  flex-shrink 0
+  position relative
+  display flex
+  align-items center
+  justify-content center
+
+.label
+  flex-grow 1
+  font-size var(--text-xs)
+  white-space nowrap
+
+.selectItemContent
+  display flex
+  align-items center
+  gap var(--p-2)
+  width 100%
+
+.selectTrigger
+  min-width auto
+  height auto
+  font-size var(--text-xs)
+
+.selectTriggerLabelWithId
+  display flex
+
+.itemLabelWithId
+  flex-grow 1
+  min-width 0
+  display flex
+  align-items center

package/src/components/ui/AnalysesSelector/AnalysesSelector.styl.d.ts

@@ -0,0 +1,19 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'dimmed': string;
+  'disabled': string;
+  'historical': string;
+  'icon': string;
+  'item': string;
+  'itemLabelWithId': string;
+  'label': string;
+  'root': string;
+  'selectItemContent': string;
+  'selectTrigger': string;
+  'selectTriggerLabelWithId': string;
+  'single': string;
+  'variant-default': string;
+}
+export const cssExports: CssExports;
+export default cssExports;