@agentskillmania/skill-ui-shared 0.1.0

package/dist/utils/avatar-color.js

@@ -0,0 +1,31 @@
+/**
+ * Avatar color utility
+ * Deterministic color assignment based on id hash.
+ * Used by ResourceAvatar (portal), AppBrand (frame), and other components.
+ */
+/** Color block palette — solid opaque background + contrasting text color */
+export const PALETTE = [
+    { bg: '#dc2626', text: '#ffffff' }, // Red
+    { bg: '#2563eb', text: '#ffffff' }, // Blue
+    { bg: '#eab308', text: '#1a1a1a' }, // Yellow (dark text)
+    { bg: '#16a34a', text: '#ffffff' }, // Green
+    { bg: '#8b5cf6', text: '#ffffff' }, // Purple
+];
+/** Deterministic hash based on id */
+export function hashId(id) {
+    let hash = 5381;
+    for (let i = 0; i < id.length; i++) {
+        hash = ((hash << 5) + hash + id.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash);
+}
+/** Get avatar background color based on id */
+export function getAvatarColor(id) {
+    const h = hashId(id);
+    return PALETTE[h % PALETTE.length];
+}
+/** Get first letter (uppercase) from name */
+export function getInitial(name) {
+    return name.charAt(0).toUpperCase();
+}
+//# sourceMappingURL=avatar-color.js.map

package/dist/utils/avatar-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-color.js","sourceRoot":"","sources":["../../src/utils/avatar-color.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,MAAM;IAC1C,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,OAAO;IAC3C,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,qBAAqB;IACzD,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,QAAQ;IAC5C,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,SAAS;CACrC,CAAC;AAEX,qCAAqC;AACrC,MAAM,UAAU,MAAM,CAAC,EAAU;IAC/B,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACrD,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACxB,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,cAAc,CAAC,EAAU;IACvC,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IACrB,OAAO,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC;AAED,6CAA6C;AAC7C,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACtC,CAAC"}

package/dist/utils/fonts.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared font stacks.
+ */
+/** Display/serif font stack used by brand headers (PortalHeader, AppBrand). */
+export declare const FONT_DISPLAY = "'Iowan Old Style', 'Charter', Georgia, 'Songti SC', serif";
+//# sourceMappingURL=fonts.d.ts.map

package/dist/utils/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,+EAA+E;AAC/E,eAAO,MAAM,YAAY,8DAA8D,CAAC"}

package/dist/utils/fonts.js

@@ -0,0 +1,6 @@
+/**
+ * Shared font stacks.
+ */
+/** Display/serif font stack used by brand headers (PortalHeader, AppBrand). */
+export const FONT_DISPLAY = "'Iowan Old Style', 'Charter', Georgia, 'Songti SC', serif";
+//# sourceMappingURL=fonts.js.map

package/dist/utils/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,YAAY,GAAG,2DAA2D,CAAC"}

package/dist/utils/format.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Format a timestamp as a relative time string.
+ * Accepts a unix timestamp (ms) or an ISO date string.
+ * Returns "just now", "Xm ago", "Xh ago", or "Xd ago" relative to Date.now().
+ * Returns "-" for undefined/null/invalid input.
+ */
+export declare function formatRelativeTime(timestamp: number | string | undefined): string;
+/**
+ * Format token counts into human-readable strings.
+ * >= 1M → "X.XM", >= 1k → "X.Xk", otherwise locale number string.
+ * Returns "-" for undefined/null input.
+ */
+export declare function formatTokens(value: number | undefined): string;
+/**
+ * Format a number with locale formatting, or "-" for undefined.
+ */
+export declare function formatNumber(value: number | undefined): string;
+/**
+ * Format a duration in milliseconds.
+ * >= 1000ms → "X.Xs", otherwise "Xms".
+ */
+export declare function formatDuration(ms: number): string;
+/**
+ * Truncate text to maxLength characters, appending "..." if truncated.
+ */
+export declare function truncate(text: string, maxLength: number): string;
+/**
+ * Format an ISO timestamp to "M/D HH:mm" locale string.
+ * Returns "-" for undefined. Returns raw string for invalid dates.
+ */
+export declare function formatTimestamp(iso: string | undefined): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAajF;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAK9D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG9D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAK/D"}

package/dist/utils/format.js

@@ -0,0 +1,75 @@
+/**
+ * Format a timestamp as a relative time string.
+ * Accepts a unix timestamp (ms) or an ISO date string.
+ * Returns "just now", "Xm ago", "Xh ago", or "Xd ago" relative to Date.now().
+ * Returns "-" for undefined/null/invalid input.
+ */
+export function formatRelativeTime(timestamp) {
+    if (timestamp == null)
+        return '-';
+    const ms = typeof timestamp === 'string' ? new Date(timestamp).getTime() : timestamp;
+    if (Number.isNaN(ms))
+        return '-';
+    const diff = Date.now() - ms;
+    const seconds = Math.floor(diff / 1000);
+    if (seconds < 60)
+        return 'just now';
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+/**
+ * Format token counts into human-readable strings.
+ * >= 1M → "X.XM", >= 1k → "X.Xk", otherwise locale number string.
+ * Returns "-" for undefined/null input.
+ */
+export function formatTokens(value) {
+    if (value == null)
+        return '-';
+    if (value >= 1_000_000)
+        return `${(value / 1_000_000).toFixed(1)}M`;
+    if (value >= 1_000)
+        return `${(value / 1_000).toFixed(1)}k`;
+    return value.toLocaleString();
+}
+/**
+ * Format a number with locale formatting, or "-" for undefined.
+ */
+export function formatNumber(value) {
+    if (value == null)
+        return '-';
+    return value.toLocaleString();
+}
+/**
+ * Format a duration in milliseconds.
+ * >= 1000ms → "X.Xs", otherwise "Xms".
+ */
+export function formatDuration(ms) {
+    return ms >= 1000 ? `${(ms / 1000).toFixed(1)}s` : `${ms}ms`;
+}
+/**
+ * Truncate text to maxLength characters, appending "..." if truncated.
+ */
+export function truncate(text, maxLength) {
+    if (text.length <= maxLength)
+        return text;
+    return text.slice(0, maxLength - 3) + '...';
+}
+/**
+ * Format an ISO timestamp to "M/D HH:mm" locale string.
+ * Returns "-" for undefined. Returns raw string for invalid dates.
+ */
+export function formatTimestamp(iso) {
+    if (!iso)
+        return '-';
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return `${d.getMonth() + 1}/${d.getDate()} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+}
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"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"}

package/dist/utils/pagination.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared pagination defaults.
+ */
+/** Default page size used by portal list sections (skills, agents, sessions). */
+export declare const DEFAULT_PAGE_SIZE = 12;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/utils/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/utils/pagination.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,KAAK,CAAC"}

package/dist/utils/pagination.js

@@ -0,0 +1,6 @@
+/**
+ * Shared pagination defaults.
+ */
+/** Default page size used by portal list sections (skills, agents, sessions). */
+export const DEFAULT_PAGE_SIZE = 12;
+//# sourceMappingURL=pagination.js.map

package/dist/utils/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/utils/pagination.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,iFAAiF;AACjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@agentskillmania/skill-ui-shared",
+  "version": "0.1.0",
+  "description": "Shared UI components and utilities for @agentskillmania skill-ui packages.",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "author": {
+    "name": "yusangeng",
+    "email": "yusangeng@outlook.com"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/agentskillmania/skill-ui.git",
+    "directory": "packages/shared"
+  },
+  "dependencies": {
+    "@agentskillmania/skill-ui-theme": "0.1.0"
+  },
+  "peerDependencies": {
+    "antd": "^6.0.0",
+    "lucide-react": ">=0.400.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-i18next": "^15.0.0",
+    "@emotion/react": "^11.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitest/coverage-v8": "^2.0.0",
+    "antd": "^6.3.3",
+    "jsdom": "^29.0.1",
+    "lucide-react": "^0.460.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "i18next": "^24.0.0",
+    "react-i18next": "^15.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^2.0.0",
+    "@chromatic-com/storybook": "^5.0.2",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
+    "storybook": "^10.3.3",
+    "vite": "^5.4.21",
+    "@vitejs/plugin-react": "^4.7.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest run",
+    "test:unit": "vitest run test/unit",
+    "test:coverage": "vitest run test/unit --coverage",
+    "test:watch": "vitest watch test/unit",
+    "storybook": "storybook dev -p 6008",
+    "build-storybook": "storybook build"
+  }
+}