{"_id":"@astralibx/call-log-ui","_rev":"2-d66f7be9f0f3b9ec6475a03e18cc9bcb","name":"@astralibx/call-log-ui","dist-tags":{"latest":"0.3.0"},"versions":{"0.2.0":{"name":"@astralibx/call-log-ui","version":"0.2.0","license":"MIT","_id":"@astralibx/call-log-ui@0.2.0","maintainers":[{"name":"astralib","email":"1997hariprakash@gmail.com"}],"homepage":"https://github.com/Hariprakash1997/astralib#readme","bugs":{"url":"https://github.com/Hariprakash1997/astralib/issues"},"dist":{"shasum":"57859ccff604170c0ab6fd553311d9869d6750cc","tarball":"https://registry.npmjs.org/@astralibx/call-log-ui/-/call-log-ui-0.2.0.tgz","fileCount":8,"integrity":"sha512-/0a/LCosWjQQmpYpeZvCzX1wufuJX3NoD4YYJGatieJmUS77pKBL6RJrYyVK0GNfpZmtHuT/SdZZKDgEL1XyVw==","signatures":[{"sig":"MEUCIQDQS/i1YCWl6OYqzAE02IARozXJCwE/4W+8a3tndcCSjQIgDfXAkBMGwXkckEoja4lb0dDllLCYOmhuqtuBZGLcHjI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":405360},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"}},"./api":{"import":{"types":"./dist/api.d.ts","default":"./dist/api.js"}}},"gitHead":"c09e61ad1f66611cab260c4df471e3cffeb87958","scripts":{"dev":"vite","build":"vite build"},"_npmUser":{"name":"astralib","email":"1997hariprakash@gmail.com"},"repository":{"url":"git+https://github.com/Hariprakash1997/astralib.git","type":"git","directory":"packages/call-log/call-log-ui"},"_npmVersion":"10.9.4","description":"Lit Web Components for the @astralibx call-log admin dashboard","directories":{},"_nodeVersion":"22.22.1","dependencies":{"lit":"^3.0.0","@astralibx/call-log-types":"^0.2.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","typescript":"^5.8.0","vite-plugin-dts":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/call-log-ui_0.2.0_1774147453856_0.8102502750135094","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@astralibx/call-log-ui","version":"0.3.0","description":"Lit Web Components for the @astralibx call-log admin dashboard","repository":{"type":"git","url":"git+https://github.com/Hariprakash1997/astralib.git","directory":"packages/call-log/call-log-ui"},"type":"module","main":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"}},"./api":{"import":{"types":"./dist/api.d.ts","default":"./dist/api.js"}}},"scripts":{"build":"vite build","dev":"vite"},"dependencies":{"lit":"^3.0.0","@astralibx/call-log-types":"^0.3.0"},"devDependencies":{"vite":"^6.0.0","vite-plugin-dts":"^4.0.0","typescript":"^5.8.0"},"license":"MIT","_id":"@astralibx/call-log-ui@0.3.0","gitHead":"aa24b21103d13c355fbf84fb143335febb4b0136","bugs":{"url":"https://github.com/Hariprakash1997/astralib/issues"},"homepage":"https://github.com/Hariprakash1997/astralib#readme","_nodeVersion":"22.22.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-g3nvZe68Qntk9WEvnRze5MOQJiw27mzYJ0nIhZAWhkC7yma30B/ikkVfgZdyB6kX7jDSYlgNJ/34YH2HPShe+g==","shasum":"d668d160c82b076573092a6c15d50613923e31d1","tarball":"https://registry.npmjs.org/@astralibx/call-log-ui/-/call-log-ui-0.3.0.tgz","fileCount":8,"unpackedSize":433313,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHASk30eluRl7pmJwJhr8OMLFuLiqwswpW5EGSuZ9+vSAiEArocUCfoHJZ9vSGzCdq0ufxQs1JBvEQNrEACe1XmfJ4I="}]},"_npmUser":{"name":"astralib","email":"1997hariprakash@gmail.com"},"directories":{},"maintainers":[{"name":"astralib","email":"1997hariprakash@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/call-log-ui_0.3.0_1774200548639_0.12026158982587143"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-22T02:44:13.808Z","modified":"2026-03-22T17:29:09.015Z","0.2.0":"2026-03-22T02:44:14.006Z","0.3.0":"2026-03-22T17:29:08.874Z"},"bugs":{"url":"https://github.com/Hariprakash1997/astralib/issues"},"license":"MIT","homepage":"https://github.com/Hariprakash1997/astralib#readme","repository":{"type":"git","url":"git+https://github.com/Hariprakash1997/astralib.git","directory":"packages/call-log/call-log-ui"},"description":"Lit Web Components for the @astralibx call-log admin dashboard","maintainers":[{"name":"astralib","email":"1997hariprakash@gmail.com"}],"readme":"# @astralibx/call-log-ui\n\n[](https://www.npmjs.com/package/@astralibx/call-log-ui)\n[](https://opensource.org/licenses/MIT)\n\nLit Web Components for the @astralibx call-log admin dashboard -- 14 components for pipeline management, call log views, timelines, analytics, agent dashboard, and settings.\n\n## Install\n\n```bash\nnpm install @astralibx/call-log-ui\n```\n\n`lit` and `@astralibx/call-log-types` are bundled dependencies -- no separate peer install needed.\n\n## Components\n\n| Component | Tag | Key Properties | Description |\n|-----------|-----|----------------|-------------|\n| `AlxCallLogDashboard` | `alx-call-log-dashboard` | `defaultTab`, `theme`, `agentId` | Top-level dashboard with My Calls, Pipelines, Calls, Analytics, Settings tabs |\n| `AlxAgentDashboard` | `alx-agent-dashboard` | `agentId` | Agent-specific view: active calls, upcoming follow-ups, personal stats |\n| `AlxPipelineList` | `alx-pipeline-list` | -- | Pipeline list with create/edit/delete actions |\n| `AlxPipelineBoard` | `alx-pipeline-board` | `pipelineId` | Kanban board with drag-drop stage transitions |\n| `AlxPipelineStageEditor` | `alx-pipeline-stage-editor` | `pipelineId` | Stage form: name, color, order, terminal/default toggles |\n| `AlxCallLogList` | `alx-call-log-list` | -- | Filterable table: pipeline, stage, agent, priority, direction, date range |\n| `AlxCallLogDetail` | `alx-call-log-detail` | `callLogId` | Detail view with contact info, current stage, embedded timeline |\n| `AlxCallLogForm` | `alx-call-log-form` | `open`, `callLogId` | Create/edit drawer: contact, direction, pipeline, priority, tags, follow-up |\n| `AlxCallTimeline` | `alx-call-timeline` | `callLogId` | Single call timeline with entry type icons and note input |\n| `AlxContactTimeline` | `alx-contact-timeline` | `externalId` | Merged cross-call timeline for a contact |\n| `AlxCallAnalyticsDashboard` | `alx-call-analytics-dashboard` | -- | Overview stats, daily volume, tag distribution, peak hours |\n| `AlxPipelineFunnel` | `alx-pipeline-funnel` | -- | Pipeline funnel visualization with stage drop-off rates |\n| `AlxAgentLeaderboard` | `alx-agent-leaderboard` | -- | Ranked agent performance table |\n| `AlxCallLogSettings` | `alx-call-log-settings` | -- | Admin panel for tags, categories, priority levels, follow-up defaults |\n\n## Quick Start\n\n```ts\nimport { CallLogUIConfig } from '@astralibx/call-log-ui';\n\nCallLogUIConfig.setup({\n callLogApi: '/api/call-log',\n authToken: 'Bearer ...',\n theme: 'dark',\n});\n\nimport '@astralibx/call-log-ui';\n```\n\n```html\n\n```\n\n### Agent-specific dashboard\n\n```html\n\n```\n\n### Individual components\n\n```html\n\n\n\n\n\n\n\n\n```\n\n## API Client\n\nThe `CallLogApiClient` is available as a standalone export for programmatic use:\n\n```ts\nimport { CallLogApiClient } from '@astralibx/call-log-ui';\n\nconst api = new CallLogApiClient();\n\n// Pipelines\nconst pipelines = await api.listPipelines();\nconst pipeline = await api.createPipeline({ name: 'Sales', stages: [] });\n\n// Call logs\nconst logs = await api.listCallLogs({ pipelineId: '...', isClosed: false });\nconst log = await api.createCallLog({ ... });\nawait api.changeStage(logId, stageId, agentId);\n\n// Analytics\nconst stats = await api.getDashboardStats();\nconst overall = await api.getOverallReport({ from: '2025-01-01' });\nconst funnel = await api.getPipelineFunnel(pipelineId);\nconst board = await api.getAgentLeaderboard();\n```\n\n## Theming\n\nThe dashboard supports `light` and `dark` themes. Set the theme via the `theme` attribute or toggle at runtime:\n\n```html\n\n```\n\nOr programmatically via `CallLogUIConfig.setup({ theme: 'dark' })`.\n\nCSS custom properties used for theming:\n\n| Property | Light | Dark |\n|----------|-------|------|\n| `--alx-bg` | `#f8fafc` | `#0f1117` |\n| `--alx-surface` | `#ffffff` | `#181a20` |\n| `--alx-surface-alt` | `#f1f5f9` | `#1e2028` |\n| `--alx-border` | `#e2e8f0` | `#2a2d37` |\n| `--alx-text` | `#0f172a` | `#e1e4ea` |\n| `--alx-text-muted` | `#64748b` | `#8b8fa3` |\n\n## Links\n\n- [GitHub](https://github.com/Hariprakash1997/astralib/tree/main/packages/call-log/call-log-ui)\n- [CHANGELOG](https://github.com/Hariprakash1997/astralib/blob/main/packages/call-log/call-log-ui/CHANGELOG.md)\n\n## License\n\nMIT\n","readmeFilename":"README.md"}