reflectt-node 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +178 -0
- package/README.md +188 -0
- package/dist/activationEvents.d.ts +110 -0
- package/dist/activationEvents.d.ts.map +1 -0
- package/dist/activationEvents.js +378 -0
- package/dist/activationEvents.js.map +1 -0
- package/dist/activity-signal.d.ts +30 -0
- package/dist/activity-signal.d.ts.map +1 -0
- package/dist/activity-signal.js +93 -0
- package/dist/activity-signal.js.map +1 -0
- package/dist/alert-integrity.d.ts +100 -0
- package/dist/alert-integrity.d.ts.map +1 -0
- package/dist/alert-integrity.js +333 -0
- package/dist/alert-integrity.js.map +1 -0
- package/dist/alert-preflight.d.ts +40 -0
- package/dist/alert-preflight.d.ts.map +1 -0
- package/dist/alert-preflight.js +235 -0
- package/dist/alert-preflight.js.map +1 -0
- package/dist/analytics.d.ts +131 -0
- package/dist/analytics.d.ts.map +1 -0
- package/dist/analytics.js +371 -0
- package/dist/analytics.js.map +1 -0
- package/dist/artifact-mirror.d.ts +26 -0
- package/dist/artifact-mirror.d.ts.map +1 -0
- package/dist/artifact-mirror.js +170 -0
- package/dist/artifact-mirror.js.map +1 -0
- package/dist/artifact-resolver.d.ts +48 -0
- package/dist/artifact-resolver.d.ts.map +1 -0
- package/dist/artifact-resolver.js +164 -0
- package/dist/artifact-resolver.js.map +1 -0
- package/dist/assignment.d.ts +116 -0
- package/dist/assignment.d.ts.map +1 -0
- package/dist/assignment.js +475 -0
- package/dist/assignment.js.map +1 -0
- package/dist/auditLedger.d.ts +50 -0
- package/dist/auditLedger.d.ts.map +1 -0
- package/dist/auditLedger.js +136 -0
- package/dist/auditLedger.js.map +1 -0
- package/dist/boardHealthWorker.d.ts +134 -0
- package/dist/boardHealthWorker.d.ts.map +1 -0
- package/dist/boardHealthWorker.js +882 -0
- package/dist/boardHealthWorker.js.map +1 -0
- package/dist/bootstrap-team.d.ts +42 -0
- package/dist/bootstrap-team.d.ts.map +1 -0
- package/dist/bootstrap-team.js +111 -0
- package/dist/bootstrap-team.js.map +1 -0
- package/dist/buildInfo.d.ts +17 -0
- package/dist/buildInfo.d.ts.map +1 -0
- package/dist/buildInfo.js +56 -0
- package/dist/buildInfo.js.map +1 -0
- package/dist/calendar-events.d.ts +133 -0
- package/dist/calendar-events.d.ts.map +1 -0
- package/dist/calendar-events.js +615 -0
- package/dist/calendar-events.js.map +1 -0
- package/dist/calendar-ical.d.ts +41 -0
- package/dist/calendar-ical.d.ts.map +1 -0
- package/dist/calendar-ical.js +413 -0
- package/dist/calendar-ical.js.map +1 -0
- package/dist/calendar-reminder-engine.d.ts +10 -0
- package/dist/calendar-reminder-engine.d.ts.map +1 -0
- package/dist/calendar-reminder-engine.js +143 -0
- package/dist/calendar-reminder-engine.js.map +1 -0
- package/dist/calendar.d.ts +75 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +391 -0
- package/dist/calendar.js.map +1 -0
- package/dist/canvas-multiplexer.d.ts +44 -0
- package/dist/canvas-multiplexer.d.ts.map +1 -0
- package/dist/canvas-multiplexer.js +150 -0
- package/dist/canvas-multiplexer.js.map +1 -0
- package/dist/canvas-slots.d.ts +83 -0
- package/dist/canvas-slots.d.ts.map +1 -0
- package/dist/canvas-slots.js +144 -0
- package/dist/canvas-slots.js.map +1 -0
- package/dist/canvas-types.d.ts +56 -0
- package/dist/canvas-types.d.ts.map +1 -0
- package/dist/canvas-types.js +54 -0
- package/dist/canvas-types.js.map +1 -0
- package/dist/cf-keepalive.d.ts +40 -0
- package/dist/cf-keepalive.d.ts.map +1 -0
- package/dist/cf-keepalive.js +153 -0
- package/dist/cf-keepalive.js.map +1 -0
- package/dist/changeFeed.d.ts +38 -0
- package/dist/changeFeed.d.ts.map +1 -0
- package/dist/changeFeed.js +324 -0
- package/dist/changeFeed.js.map +1 -0
- package/dist/channels.d.ts +28 -0
- package/dist/channels.d.ts.map +1 -0
- package/dist/channels.js +23 -0
- package/dist/channels.js.map +1 -0
- package/dist/chat-approval-detector.d.ts +47 -0
- package/dist/chat-approval-detector.d.ts.map +1 -0
- package/dist/chat-approval-detector.js +224 -0
- package/dist/chat-approval-detector.js.map +1 -0
- package/dist/chat.d.ts +119 -0
- package/dist/chat.d.ts.map +1 -0
- package/dist/chat.js +666 -0
- package/dist/chat.js.map +1 -0
- package/dist/cli.d.ts +3 -0
- package/dist/cli.d.ts.map +1 -0
- package/dist/cli.js +1142 -0
- package/dist/cli.js.map +1 -0
- package/dist/cloud.d.ts +45 -0
- package/dist/cloud.d.ts.map +1 -0
- package/dist/cloud.js +962 -0
- package/dist/cloud.js.map +1 -0
- package/dist/config.d.ts +17 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +33 -0
- package/dist/config.js.map +1 -0
- package/dist/connectivity.d.ts +59 -0
- package/dist/connectivity.d.ts.map +1 -0
- package/dist/connectivity.js +173 -0
- package/dist/connectivity.js.map +1 -0
- package/dist/contacts.d.ts +59 -0
- package/dist/contacts.d.ts.map +1 -0
- package/dist/contacts.js +183 -0
- package/dist/contacts.js.map +1 -0
- package/dist/content.d.ts +130 -0
- package/dist/content.d.ts.map +1 -0
- package/dist/content.js +186 -0
- package/dist/content.js.map +1 -0
- package/dist/context-budget.d.ts +87 -0
- package/dist/context-budget.d.ts.map +1 -0
- package/dist/context-budget.js +459 -0
- package/dist/context-budget.js.map +1 -0
- package/dist/continuity-loop.d.ts +55 -0
- package/dist/continuity-loop.d.ts.map +1 -0
- package/dist/continuity-loop.js +267 -0
- package/dist/continuity-loop.js.map +1 -0
- package/dist/dashboard.d.ts +6 -0
- package/dist/dashboard.d.ts.map +1 -0
- package/dist/dashboard.js +2348 -0
- package/dist/dashboard.js.map +1 -0
- package/dist/db.d.ts +44 -0
- package/dist/db.d.ts.map +1 -0
- package/dist/db.js +648 -0
- package/dist/db.js.map +1 -0
- package/dist/doctor.d.ts +30 -0
- package/dist/doctor.d.ts.map +1 -0
- package/dist/doctor.js +159 -0
- package/dist/doctor.js.map +1 -0
- package/dist/duplicateClosureGuard.d.ts +31 -0
- package/dist/duplicateClosureGuard.d.ts.map +1 -0
- package/dist/duplicateClosureGuard.js +83 -0
- package/dist/duplicateClosureGuard.js.map +1 -0
- package/dist/embeddings.d.ts +13 -0
- package/dist/embeddings.d.ts.map +1 -0
- package/dist/embeddings.js +78 -0
- package/dist/embeddings.js.map +1 -0
- package/dist/escalation.d.ts +80 -0
- package/dist/escalation.d.ts.map +1 -0
- package/dist/escalation.js +213 -0
- package/dist/escalation.js.map +1 -0
- package/dist/events.d.ts +130 -0
- package/dist/events.d.ts.map +1 -0
- package/dist/events.js +382 -0
- package/dist/events.js.map +1 -0
- package/dist/executionSweeper.d.ts +97 -0
- package/dist/executionSweeper.d.ts.map +1 -0
- package/dist/executionSweeper.js +875 -0
- package/dist/executionSweeper.js.map +1 -0
- package/dist/experiments.d.ts +47 -0
- package/dist/experiments.d.ts.map +1 -0
- package/dist/experiments.js +133 -0
- package/dist/experiments.js.map +1 -0
- package/dist/feedback.d.ts +179 -0
- package/dist/feedback.d.ts.map +1 -0
- package/dist/feedback.js +397 -0
- package/dist/feedback.js.map +1 -0
- package/dist/files.d.ts +52 -0
- package/dist/files.d.ts.map +1 -0
- package/dist/files.js +172 -0
- package/dist/files.js.map +1 -0
- package/dist/format-duration.d.ts +19 -0
- package/dist/format-duration.d.ts.map +1 -0
- package/dist/format-duration.js +33 -0
- package/dist/format-duration.js.map +1 -0
- package/dist/github-actor-auth.d.ts +20 -0
- package/dist/github-actor-auth.d.ts.map +1 -0
- package/dist/github-actor-auth.js +54 -0
- package/dist/github-actor-auth.js.map +1 -0
- package/dist/github-ci.d.ts +16 -0
- package/dist/github-ci.d.ts.map +1 -0
- package/dist/github-ci.js +37 -0
- package/dist/github-ci.js.map +1 -0
- package/dist/github-identity.d.ts +30 -0
- package/dist/github-identity.d.ts.map +1 -0
- package/dist/github-identity.js +96 -0
- package/dist/github-identity.js.map +1 -0
- package/dist/github-reviews.d.ts +24 -0
- package/dist/github-reviews.d.ts.map +1 -0
- package/dist/github-reviews.js +56 -0
- package/dist/github-reviews.js.map +1 -0
- package/dist/health.d.ts +391 -0
- package/dist/health.d.ts.map +1 -0
- package/dist/health.js +1841 -0
- package/dist/health.js.map +1 -0
- package/dist/host-keepalive.d.ts +22 -0
- package/dist/host-keepalive.d.ts.map +1 -0
- package/dist/host-keepalive.js +126 -0
- package/dist/host-keepalive.js.map +1 -0
- package/dist/host-registry.d.ts +43 -0
- package/dist/host-registry.d.ts.map +1 -0
- package/dist/host-registry.js +93 -0
- package/dist/host-registry.js.map +1 -0
- package/dist/inbox.d.ts +87 -0
- package/dist/inbox.d.ts.map +1 -0
- package/dist/inbox.js +410 -0
- package/dist/inbox.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +306 -0
- package/dist/index.js.map +1 -0
- package/dist/insight-mutation.d.ts +32 -0
- package/dist/insight-mutation.d.ts.map +1 -0
- package/dist/insight-mutation.js +160 -0
- package/dist/insight-mutation.js.map +1 -0
- package/dist/insight-promotion.d.ts +89 -0
- package/dist/insight-promotion.d.ts.map +1 -0
- package/dist/insight-promotion.js +278 -0
- package/dist/insight-promotion.js.map +1 -0
- package/dist/insight-task-bridge.d.ts +77 -0
- package/dist/insight-task-bridge.d.ts.map +1 -0
- package/dist/insight-task-bridge.js +556 -0
- package/dist/insight-task-bridge.js.map +1 -0
- package/dist/insights.d.ts +222 -0
- package/dist/insights.d.ts.map +1 -0
- package/dist/insights.js +871 -0
- package/dist/insights.js.map +1 -0
- package/dist/intake-pipeline.d.ts +74 -0
- package/dist/intake-pipeline.d.ts.map +1 -0
- package/dist/intake-pipeline.js +199 -0
- package/dist/intake-pipeline.js.map +1 -0
- package/dist/intensity.d.ts +31 -0
- package/dist/intensity.d.ts.map +1 -0
- package/dist/intensity.js +94 -0
- package/dist/intensity.js.map +1 -0
- package/dist/knowledge-auto-index.d.ts +37 -0
- package/dist/knowledge-auto-index.d.ts.map +1 -0
- package/dist/knowledge-auto-index.js +149 -0
- package/dist/knowledge-auto-index.js.map +1 -0
- package/dist/knowledge-docs.d.ts +45 -0
- package/dist/knowledge-docs.d.ts.map +1 -0
- package/dist/knowledge-docs.js +188 -0
- package/dist/knowledge-docs.js.map +1 -0
- package/dist/lane-config.d.ts +25 -0
- package/dist/lane-config.d.ts.map +1 -0
- package/dist/lane-config.js +105 -0
- package/dist/lane-config.js.map +1 -0
- package/dist/lineage.d.ts +86 -0
- package/dist/lineage.d.ts.map +1 -0
- package/dist/lineage.js +303 -0
- package/dist/lineage.js.map +1 -0
- package/dist/logStore.d.ts +25 -0
- package/dist/logStore.d.ts.map +1 -0
- package/dist/logStore.js +83 -0
- package/dist/logStore.js.map +1 -0
- package/dist/manage.d.ts +12 -0
- package/dist/manage.d.ts.map +1 -0
- package/dist/manage.js +253 -0
- package/dist/manage.js.map +1 -0
- package/dist/mcp.d.ts +5 -0
- package/dist/mcp.d.ts.map +1 -0
- package/dist/mcp.js +604 -0
- package/dist/mcp.js.map +1 -0
- package/dist/memory.d.ts +47 -0
- package/dist/memory.d.ts.map +1 -0
- package/dist/memory.js +149 -0
- package/dist/memory.js.map +1 -0
- package/dist/mention-ack.d.ts +80 -0
- package/dist/mention-ack.d.ts.map +1 -0
- package/dist/mention-ack.js +175 -0
- package/dist/mention-ack.js.map +1 -0
- package/dist/messageRouter.d.ts +60 -0
- package/dist/messageRouter.d.ts.map +1 -0
- package/dist/messageRouter.js +309 -0
- package/dist/messageRouter.js.map +1 -0
- package/dist/mutationAlert.d.ts +44 -0
- package/dist/mutationAlert.d.ts.map +1 -0
- package/dist/mutationAlert.js +174 -0
- package/dist/mutationAlert.js.map +1 -0
- package/dist/noise-budget.d.ts +136 -0
- package/dist/noise-budget.d.ts.map +1 -0
- package/dist/noise-budget.js +340 -0
- package/dist/noise-budget.js.map +1 -0
- package/dist/notifications.d.ts +67 -0
- package/dist/notifications.d.ts.map +1 -0
- package/dist/notifications.js +253 -0
- package/dist/notifications.js.map +1 -0
- package/dist/openclaw.d.ts +34 -0
- package/dist/openclaw.d.ts.map +1 -0
- package/dist/openclaw.js +208 -0
- package/dist/openclaw.js.map +1 -0
- package/dist/pause-controls.d.ts +31 -0
- package/dist/pause-controls.d.ts.map +1 -0
- package/dist/pause-controls.js +130 -0
- package/dist/pause-controls.js.map +1 -0
- package/dist/pidlock.d.ts +25 -0
- package/dist/pidlock.d.ts.map +1 -0
- package/dist/pidlock.js +179 -0
- package/dist/pidlock.js.map +1 -0
- package/dist/policy.d.ts +139 -0
- package/dist/policy.d.ts.map +1 -0
- package/dist/policy.js +264 -0
- package/dist/policy.js.map +1 -0
- package/dist/polls.d.ts +47 -0
- package/dist/polls.d.ts.map +1 -0
- package/dist/polls.js +162 -0
- package/dist/polls.js.map +1 -0
- package/dist/portability.d.ts +55 -0
- package/dist/portability.d.ts.map +1 -0
- package/dist/portability.js +292 -0
- package/dist/portability.js.map +1 -0
- package/dist/pr-integrity.d.ts +45 -0
- package/dist/pr-integrity.d.ts.map +1 -0
- package/dist/pr-integrity.js +124 -0
- package/dist/pr-integrity.js.map +1 -0
- package/dist/prAutoMerge.d.ts +62 -0
- package/dist/prAutoMerge.d.ts.map +1 -0
- package/dist/prAutoMerge.js +493 -0
- package/dist/prAutoMerge.js.map +1 -0
- package/dist/preflight.d.ts +66 -0
- package/dist/preflight.d.ts.map +1 -0
- package/dist/preflight.js +864 -0
- package/dist/preflight.js.map +1 -0
- package/dist/presence.d.ts +98 -0
- package/dist/presence.d.ts.map +1 -0
- package/dist/presence.js +347 -0
- package/dist/presence.js.map +1 -0
- package/dist/provisioning.d.ts +101 -0
- package/dist/provisioning.d.ts.map +1 -0
- package/dist/provisioning.js +430 -0
- package/dist/provisioning.js.map +1 -0
- package/dist/reflection-automation.d.ts +59 -0
- package/dist/reflection-automation.d.ts.map +1 -0
- package/dist/reflection-automation.js +350 -0
- package/dist/reflection-automation.js.map +1 -0
- package/dist/reflections.d.ts +65 -0
- package/dist/reflections.d.ts.map +1 -0
- package/dist/reflections.js +306 -0
- package/dist/reflections.js.map +1 -0
- package/dist/release.d.ts +67 -0
- package/dist/release.d.ts.map +1 -0
- package/dist/release.js +275 -0
- package/dist/release.js.map +1 -0
- package/dist/request-tracker.d.ts +36 -0
- package/dist/request-tracker.d.ts.map +1 -0
- package/dist/request-tracker.js +109 -0
- package/dist/request-tracker.js.map +1 -0
- package/dist/research.d.ts +75 -0
- package/dist/research.d.ts.map +1 -0
- package/dist/research.js +171 -0
- package/dist/research.js.map +1 -0
- package/dist/routing-approvals.d.ts +73 -0
- package/dist/routing-approvals.d.ts.map +1 -0
- package/dist/routing-approvals.js +88 -0
- package/dist/routing-approvals.js.map +1 -0
- package/dist/routing-override.d.ts +94 -0
- package/dist/routing-override.d.ts.map +1 -0
- package/dist/routing-override.js +290 -0
- package/dist/routing-override.js.map +1 -0
- package/dist/scope-routing.d.ts +18 -0
- package/dist/scope-routing.d.ts.map +1 -0
- package/dist/scope-routing.js +29 -0
- package/dist/scope-routing.js.map +1 -0
- package/dist/secrets.d.ts +77 -0
- package/dist/secrets.d.ts.map +1 -0
- package/dist/secrets.js +287 -0
- package/dist/secrets.js.map +1 -0
- package/dist/server.d.ts +3 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +10887 -0
- package/dist/server.js.map +1 -0
- package/dist/service-probe.d.ts +53 -0
- package/dist/service-probe.d.ts.map +1 -0
- package/dist/service-probe.js +225 -0
- package/dist/service-probe.js.map +1 -0
- package/dist/shared-workspace-api.d.ts +73 -0
- package/dist/shared-workspace-api.d.ts.map +1 -0
- package/dist/shared-workspace-api.js +281 -0
- package/dist/shared-workspace-api.js.map +1 -0
- package/dist/shipped-heartbeat.d.ts +91 -0
- package/dist/shipped-heartbeat.d.ts.map +1 -0
- package/dist/shipped-heartbeat.js +272 -0
- package/dist/shipped-heartbeat.js.map +1 -0
- package/dist/starter-team.d.ts +23 -0
- package/dist/starter-team.d.ts.map +1 -0
- package/dist/starter-team.js +88 -0
- package/dist/starter-team.js.map +1 -0
- package/dist/suppression-ledger.d.ts +73 -0
- package/dist/suppression-ledger.d.ts.map +1 -0
- package/dist/suppression-ledger.js +125 -0
- package/dist/suppression-ledger.js.map +1 -0
- package/dist/system-loop-state.d.ts +4 -0
- package/dist/system-loop-state.d.ts.map +1 -0
- package/dist/system-loop-state.js +40 -0
- package/dist/system-loop-state.js.map +1 -0
- package/dist/taskCommentIngest.d.ts +43 -0
- package/dist/taskCommentIngest.d.ts.map +1 -0
- package/dist/taskCommentIngest.js +59 -0
- package/dist/taskCommentIngest.js.map +1 -0
- package/dist/taskPrecheck.d.ts +20 -0
- package/dist/taskPrecheck.d.ts.map +1 -0
- package/dist/taskPrecheck.js +329 -0
- package/dist/taskPrecheck.js.map +1 -0
- package/dist/taskStateSync.d.ts +8 -0
- package/dist/taskStateSync.d.ts.map +1 -0
- package/dist/taskStateSync.js +79 -0
- package/dist/taskStateSync.js.map +1 -0
- package/dist/tasks.d.ts +140 -0
- package/dist/tasks.d.ts.map +1 -0
- package/dist/tasks.js +1281 -0
- package/dist/tasks.js.map +1 -0
- package/dist/team-config.d.ts +24 -0
- package/dist/team-config.d.ts.map +1 -0
- package/dist/team-config.js +221 -0
- package/dist/team-config.js.map +1 -0
- package/dist/team-doctor.d.ts +22 -0
- package/dist/team-doctor.d.ts.map +1 -0
- package/dist/team-doctor.js +270 -0
- package/dist/team-doctor.js.map +1 -0
- package/dist/team-pulse.d.ts +52 -0
- package/dist/team-pulse.d.ts.map +1 -0
- package/dist/team-pulse.js +176 -0
- package/dist/team-pulse.js.map +1 -0
- package/dist/telemetry.d.ts +74 -0
- package/dist/telemetry.d.ts.map +1 -0
- package/dist/telemetry.js +256 -0
- package/dist/telemetry.js.map +1 -0
- package/dist/test-task-filter.d.ts +21 -0
- package/dist/test-task-filter.d.ts.map +1 -0
- package/dist/test-task-filter.js +48 -0
- package/dist/test-task-filter.js.map +1 -0
- package/dist/types.d.ts +126 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +4 -0
- package/dist/types.js.map +1 -0
- package/dist/usage-tracking.d.ts +101 -0
- package/dist/usage-tracking.d.ts.map +1 -0
- package/dist/usage-tracking.js +325 -0
- package/dist/usage-tracking.js.map +1 -0
- package/dist/vector-store.d.ts +87 -0
- package/dist/vector-store.d.ts.map +1 -0
- package/dist/vector-store.js +247 -0
- package/dist/vector-store.js.map +1 -0
- package/dist/watchdog/idleNudgeLane.d.ts +22 -0
- package/dist/watchdog/idleNudgeLane.d.ts.map +1 -0
- package/dist/watchdog/idleNudgeLane.js +98 -0
- package/dist/watchdog/idleNudgeLane.js.map +1 -0
- package/dist/webhooks.d.ts +103 -0
- package/dist/webhooks.d.ts.map +1 -0
- package/dist/webhooks.js +398 -0
- package/dist/webhooks.js.map +1 -0
- package/dist/working-contract.d.ts +42 -0
- package/dist/working-contract.d.ts.map +1 -0
- package/dist/working-contract.js +228 -0
- package/dist/working-contract.js.map +1 -0
- package/dist/ws-heartbeat.d.ts +66 -0
- package/dist/ws-heartbeat.d.ts.map +1 -0
- package/dist/ws-heartbeat.js +174 -0
- package/dist/ws-heartbeat.js.map +1 -0
- package/package.json +87 -0
- package/plugins/reflectt-channel/README.md +96 -0
- package/plugins/reflectt-channel/index.ts +789 -0
- package/plugins/reflectt-channel/openclaw.plugin.json +23 -0
- package/plugins/reflectt-channel/package.json +23 -0
- package/plugins/reflectt-channel/src/channel.ts +433 -0
- package/plugins/reflectt-channel/src/types.ts +29 -0
- package/public/avatars/echo.png +0 -0
- package/public/avatars/harmony.png +0 -0
- package/public/avatars/kai.png +0 -0
- package/public/avatars/link.png +0 -0
- package/public/avatars/pixel.png +0 -0
- package/public/avatars/rhythm.png +0 -0
- package/public/avatars/ryan.png +0 -0
- package/public/avatars/sage.png +0 -0
- package/public/avatars/scout.png +0 -0
- package/public/avatars/spark.png +0 -0
- package/public/dashboard-animations.css +381 -0
- package/public/dashboard.js +3479 -0
- package/public/docs.md +1062 -0
- package/public/file-upload-mock.html +1097 -0
- package/public/og-card.png +0 -0
- package/public/ui-kit.html +318 -0
- package/public/widget/feedback.js +194 -0
|
Binary file
|
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Reflectt UI Kit — Living Reference</title>
|
|
7
|
+
<style>
|
|
8
|
+
/* ============================================================
|
|
9
|
+
REFLECTT DESIGN SYSTEM TOKENS v1 (mirrored from dashboard.ts)
|
|
10
|
+
============================================================ */
|
|
11
|
+
:root {
|
|
12
|
+
--bg: #0a0e14;
|
|
13
|
+
--surface: #141920;
|
|
14
|
+
--surface-raised: #1a2028;
|
|
15
|
+
--border: #252d38;
|
|
16
|
+
--border-subtle: #1e2530;
|
|
17
|
+
--text: #d4dae3;
|
|
18
|
+
--text-bright: #eef1f5;
|
|
19
|
+
--text-muted: #6b7a8d;
|
|
20
|
+
--accent: #4da6ff;
|
|
21
|
+
--accent-dim: rgba(77, 166, 255, 0.12);
|
|
22
|
+
--accent-hover: #6ab8ff;
|
|
23
|
+
--green: #3fb950;
|
|
24
|
+
--green-dim: rgba(63, 185, 80, 0.12);
|
|
25
|
+
--yellow: #d4a017;
|
|
26
|
+
--yellow-dim: rgba(212, 160, 23, 0.12);
|
|
27
|
+
--red: #f85149;
|
|
28
|
+
--red-dim: rgba(248, 81, 73, 0.12);
|
|
29
|
+
--purple: #b48eff;
|
|
30
|
+
--orange: #e08a20;
|
|
31
|
+
--orange-dim: rgba(224, 138, 32, 0.12);
|
|
32
|
+
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
33
|
+
--font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
|
|
34
|
+
--text-xs: 10px; --text-sm: 11px; --text-base: 13px; --text-md: 14px;
|
|
35
|
+
--text-lg: 16px; --text-xl: 18px; --text-2xl: 22px; --text-3xl: 28px;
|
|
36
|
+
--line-height-tight: 1.3; --line-height-normal: 1.55; --line-height-relaxed: 1.7;
|
|
37
|
+
--font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700;
|
|
38
|
+
--letter-spacing-tight: -0.3px; --letter-spacing-normal: 0; --letter-spacing-wide: 0.5px;
|
|
39
|
+
--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
|
|
40
|
+
--space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px;
|
|
41
|
+
--radius-sm: 4px; --radius: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-full: 999px;
|
|
42
|
+
--shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
|
|
43
|
+
--shadow-md: 0 4px 12px rgba(0,0,0,0.15);
|
|
44
|
+
--shadow-lg: 0 8px 24px rgba(0,0,0,0.2);
|
|
45
|
+
--shadow-hover: 0 4px 12px rgba(0,0,0,0.15);
|
|
46
|
+
--shadow-active: 0 2px 6px rgba(0,0,0,0.10);
|
|
47
|
+
--transition-fast: 150ms; --transition-normal: 250ms; --transition-slow: 400ms;
|
|
48
|
+
--easing-smooth: cubic-bezier(0.4, 0, 0.2, 1);
|
|
49
|
+
--focus-ring: 2px solid var(--accent);
|
|
50
|
+
--focus-offset: 2px; --focus-offset-strong: 4px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
54
|
+
body { font-family: var(--font-family); background: var(--bg); color: var(--text); line-height: var(--line-height-normal); font-size: var(--text-md); padding: var(--space-8); max-width: 960px; margin: 0 auto; }
|
|
55
|
+
|
|
56
|
+
h1 { font-size: var(--text-3xl); font-weight: var(--font-weight-bold); color: var(--text-bright); margin-bottom: var(--space-2); letter-spacing: var(--letter-spacing-tight); }
|
|
57
|
+
h2 { font-size: var(--text-xl); font-weight: var(--font-weight-semibold); color: var(--text-bright); margin: var(--space-8) 0 var(--space-4); border-bottom: 1px solid var(--border-subtle); padding-bottom: var(--space-2); }
|
|
58
|
+
h3 { font-size: var(--text-lg); font-weight: var(--font-weight-medium); color: var(--text-bright); margin: var(--space-6) 0 var(--space-3); }
|
|
59
|
+
p { margin-bottom: var(--space-4); color: var(--text-muted); font-size: var(--text-base); }
|
|
60
|
+
code { font-family: var(--font-mono); background: var(--surface-raised); padding: 2px 6px; border-radius: var(--radius-sm); font-size: var(--text-sm); color: var(--accent); }
|
|
61
|
+
|
|
62
|
+
:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
|
|
63
|
+
:focus-visible:not(:active) { outline-offset: var(--focus-offset-strong); }
|
|
64
|
+
|
|
65
|
+
.subtitle { font-size: var(--text-base); color: var(--text-muted); margin-bottom: var(--space-8); }
|
|
66
|
+
|
|
67
|
+
/* -- Section layout -- */
|
|
68
|
+
.section { margin-bottom: var(--space-10); }
|
|
69
|
+
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
|
|
70
|
+
.row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-bottom: var(--space-4); }
|
|
71
|
+
|
|
72
|
+
/* -- Color swatches -- */
|
|
73
|
+
.swatch { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
|
|
74
|
+
.swatch-color { width: 100%; height: 56px; border-radius: var(--radius); border: 1px solid var(--border); }
|
|
75
|
+
.swatch-label { font-size: var(--text-xs); color: var(--text-muted); font-family: var(--font-mono); text-align: center; }
|
|
76
|
+
|
|
77
|
+
/* -- Typography specimens -- */
|
|
78
|
+
.type-specimen { padding: var(--space-3) 0; border-bottom: 1px solid var(--border-subtle); }
|
|
79
|
+
.type-specimen:last-child { border-bottom: none; }
|
|
80
|
+
.type-label { font-size: var(--text-xs); color: var(--text-muted); font-family: var(--font-mono); margin-bottom: var(--space-1); }
|
|
81
|
+
|
|
82
|
+
/* -- Spacing visualization -- */
|
|
83
|
+
.space-bar { background: var(--accent-dim); border: 1px solid var(--accent); border-radius: var(--radius-sm); height: 24px; display: flex; align-items: center; padding-left: var(--space-2); }
|
|
84
|
+
.space-label { font-size: var(--text-xs); color: var(--accent); font-family: var(--font-mono); }
|
|
85
|
+
|
|
86
|
+
/* -- Buttons -- */
|
|
87
|
+
.btn { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-2) var(--space-4); border-radius: var(--radius); font-family: var(--font-family); font-size: var(--text-base); font-weight: var(--font-weight-medium); cursor: pointer; border: 1px solid transparent; transition: all var(--transition-fast) var(--easing-smooth); }
|
|
88
|
+
.btn-primary { background: var(--accent); color: #fff; border-color: var(--accent); }
|
|
89
|
+
.btn-primary:hover { background: var(--accent-hover); box-shadow: var(--shadow-hover); transform: translateY(-1px); }
|
|
90
|
+
.btn-primary:active { box-shadow: var(--shadow-active); transform: translateY(0); }
|
|
91
|
+
.btn-secondary { background: transparent; color: var(--accent); border-color: var(--accent); }
|
|
92
|
+
.btn-secondary:hover { background: var(--accent-dim); box-shadow: var(--shadow-hover); transform: translateY(-1px); }
|
|
93
|
+
.btn-ghost { background: transparent; color: var(--text); border-color: var(--border); }
|
|
94
|
+
.btn-ghost:hover { border-color: var(--accent); color: var(--text-bright); }
|
|
95
|
+
.btn-danger { background: var(--red); color: #fff; border-color: var(--red); }
|
|
96
|
+
.btn-danger:hover { box-shadow: var(--shadow-hover); transform: translateY(-1px); }
|
|
97
|
+
.btn-sm { padding: var(--space-1) var(--space-3); font-size: var(--text-sm); border-radius: var(--radius-sm); }
|
|
98
|
+
.btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }
|
|
99
|
+
|
|
100
|
+
/* -- Links -- */
|
|
101
|
+
.link { color: var(--accent); text-decoration: none; text-underline-offset: 3px; transition: color var(--transition-fast); }
|
|
102
|
+
.link:hover { text-decoration: underline; color: var(--accent-hover); }
|
|
103
|
+
.link-muted { color: var(--text-muted); }
|
|
104
|
+
.link-muted:hover { color: var(--text); text-decoration: underline; }
|
|
105
|
+
|
|
106
|
+
/* -- Badges -- */
|
|
107
|
+
.badge { display: inline-flex; align-items: center; padding: 2px var(--space-2); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: var(--letter-spacing-wide); }
|
|
108
|
+
.badge-accent { background: var(--accent-dim); color: var(--accent); }
|
|
109
|
+
.badge-green { background: var(--green-dim); color: var(--green); }
|
|
110
|
+
.badge-yellow { background: var(--yellow-dim); color: var(--yellow); }
|
|
111
|
+
.badge-red { background: var(--red-dim); color: var(--red); }
|
|
112
|
+
.badge-orange { background: var(--orange-dim); color: var(--orange); }
|
|
113
|
+
.badge-purple { background: rgba(180,142,255,0.12); color: var(--purple); }
|
|
114
|
+
|
|
115
|
+
/* -- Panels -- */
|
|
116
|
+
.panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; }
|
|
117
|
+
.panel-header { padding: var(--space-4) var(--space-5); font-size: var(--text-lg); font-weight: var(--font-weight-semibold); color: var(--text-bright); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
|
|
118
|
+
.panel-header .count { font-size: var(--text-sm); color: var(--text-muted); font-weight: var(--font-weight-normal); }
|
|
119
|
+
.panel-body { padding: var(--space-4) var(--space-5); }
|
|
120
|
+
.panel-row { padding: var(--space-3) 0; border-bottom: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: space-between; }
|
|
121
|
+
.panel-row:last-child { border-bottom: none; }
|
|
122
|
+
|
|
123
|
+
/* -- Inputs -- */
|
|
124
|
+
.input { background: var(--surface-raised); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-2) var(--space-3); font-family: var(--font-family); font-size: var(--text-base); color: var(--text-bright); transition: border-color var(--transition-fast); width: 100%; max-width: 320px; }
|
|
125
|
+
.input::placeholder { color: var(--text-muted); }
|
|
126
|
+
.input:hover { border-color: var(--accent); }
|
|
127
|
+
.input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
|
|
128
|
+
|
|
129
|
+
/* -- Table rows -- */
|
|
130
|
+
.table { width: 100%; border-collapse: collapse; }
|
|
131
|
+
.table th { text-align: left; font-size: var(--text-xs); font-weight: var(--font-weight-semibold); color: var(--text-muted); text-transform: uppercase; letter-spacing: var(--letter-spacing-wide); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); }
|
|
132
|
+
.table td { padding: var(--space-3); border-bottom: 1px solid var(--border-subtle); font-size: var(--text-base); color: var(--text); }
|
|
133
|
+
.table tr:hover td { background: var(--surface-raised); }
|
|
134
|
+
|
|
135
|
+
/* -- Radii demo -- */
|
|
136
|
+
.radius-demo { width: 64px; height: 64px; background: var(--surface-raised); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: var(--text-xs); color: var(--text-muted); font-family: var(--font-mono); }
|
|
137
|
+
|
|
138
|
+
/* -- Shadow demo -- */
|
|
139
|
+
.shadow-demo { width: 120px; height: 64px; background: var(--surface); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: var(--text-xs); color: var(--text-muted); font-family: var(--font-mono); }
|
|
140
|
+
</style>
|
|
141
|
+
</head>
|
|
142
|
+
<body>
|
|
143
|
+
|
|
144
|
+
<h1>Reflectt UI Kit</h1>
|
|
145
|
+
<p class="subtitle">Living reference for the Reflectt design system. Node is the source of truth; cloud consumes the same tokens.<br>
|
|
146
|
+
<a class="link" href="/docs">← API Docs</a> · <a class="link" href="/dashboard">Dashboard</a></p>
|
|
147
|
+
|
|
148
|
+
<!-- ==================== COLORS ==================== -->
|
|
149
|
+
<div class="section">
|
|
150
|
+
<h2>🎨 Colors</h2>
|
|
151
|
+
|
|
152
|
+
<h3>Backgrounds</h3>
|
|
153
|
+
<div class="grid">
|
|
154
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--bg)"></div><div class="swatch-label">--bg</div></div>
|
|
155
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--surface)"></div><div class="swatch-label">--surface</div></div>
|
|
156
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--surface-raised)"></div><div class="swatch-label">--surface-raised</div></div>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
<h3>Text</h3>
|
|
160
|
+
<div class="grid">
|
|
161
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--text-bright)"></div><div class="swatch-label">--text-bright</div></div>
|
|
162
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--text)"></div><div class="swatch-label">--text</div></div>
|
|
163
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--text-muted)"></div><div class="swatch-label">--text-muted</div></div>
|
|
164
|
+
</div>
|
|
165
|
+
|
|
166
|
+
<h3>Accent + Semantic</h3>
|
|
167
|
+
<div class="grid">
|
|
168
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--accent)"></div><div class="swatch-label">--accent</div></div>
|
|
169
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--accent-hover)"></div><div class="swatch-label">--accent-hover</div></div>
|
|
170
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--green)"></div><div class="swatch-label">--green</div></div>
|
|
171
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--yellow)"></div><div class="swatch-label">--yellow</div></div>
|
|
172
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--red)"></div><div class="swatch-label">--red</div></div>
|
|
173
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--purple)"></div><div class="swatch-label">--purple</div></div>
|
|
174
|
+
<div class="swatch"><div class="swatch-color" style="background:var(--orange)"></div><div class="swatch-label">--orange</div></div>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
|
|
178
|
+
<!-- ==================== TYPOGRAPHY ==================== -->
|
|
179
|
+
<div class="section">
|
|
180
|
+
<h2>Aa Typography</h2>
|
|
181
|
+
<div class="type-specimen"><div class="type-label">--text-3xl (28px) / bold</div><div style="font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-bright)">The quick brown fox</div></div>
|
|
182
|
+
<div class="type-specimen"><div class="type-label">--text-2xl (22px) / semibold</div><div style="font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--text-bright)">The quick brown fox</div></div>
|
|
183
|
+
<div class="type-specimen"><div class="type-label">--text-xl (18px) / semibold</div><div style="font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-bright)">The quick brown fox</div></div>
|
|
184
|
+
<div class="type-specimen"><div class="type-label">--text-lg (16px) / medium</div><div style="font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-bright)">The quick brown fox</div></div>
|
|
185
|
+
<div class="type-specimen"><div class="type-label">--text-md (14px) / normal — body</div><div style="font-size:var(--text-md);font-weight:var(--font-weight-normal);color:var(--text)">The quick brown fox jumps over the lazy dog. This is the default body text size for all dashboard content.</div></div>
|
|
186
|
+
<div class="type-specimen"><div class="type-label">--text-base (13px) / normal</div><div style="font-size:var(--text-base);color:var(--text)">Secondary body text, nav items, table cells</div></div>
|
|
187
|
+
<div class="type-specimen"><div class="type-label">--text-sm (11px) / normal</div><div style="font-size:var(--text-sm);color:var(--text-muted)">Status text, metadata, timestamps</div></div>
|
|
188
|
+
<div class="type-specimen"><div class="type-label">--text-xs (10px) / semibold uppercase</div><div style="font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--purple)">Role labels, tag text</div></div>
|
|
189
|
+
<div class="type-specimen"><div class="type-label">--font-mono</div><div style="font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent)">console.log('monospace for code + IDs')</div></div>
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
<!-- ==================== SPACING ==================== -->
|
|
193
|
+
<div class="section">
|
|
194
|
+
<h2>↔ Spacing (4px base)</h2>
|
|
195
|
+
<div class="space-bar" style="width:16px"><span class="space-label">1</span></div>
|
|
196
|
+
<div class="space-bar" style="width:32px;margin-top:4px"><span class="space-label">2</span></div>
|
|
197
|
+
<div class="space-bar" style="width:48px;margin-top:4px"><span class="space-label">3</span></div>
|
|
198
|
+
<div class="space-bar" style="width:64px;margin-top:4px"><span class="space-label">4</span></div>
|
|
199
|
+
<div class="space-bar" style="width:80px;margin-top:4px"><span class="space-label">5</span></div>
|
|
200
|
+
<div class="space-bar" style="width:96px;margin-top:4px"><span class="space-label">6</span></div>
|
|
201
|
+
<div class="space-bar" style="width:128px;margin-top:4px"><span class="space-label">8</span></div>
|
|
202
|
+
<div class="space-bar" style="width:160px;margin-top:4px"><span class="space-label">10</span></div>
|
|
203
|
+
<div class="space-bar" style="width:192px;margin-top:4px"><span class="space-label">12</span></div>
|
|
204
|
+
<div class="space-bar" style="width:256px;margin-top:4px"><span class="space-label">16</span></div>
|
|
205
|
+
</div>
|
|
206
|
+
|
|
207
|
+
<!-- ==================== RADII ==================== -->
|
|
208
|
+
<div class="section">
|
|
209
|
+
<h2>◻ Radii</h2>
|
|
210
|
+
<div class="row">
|
|
211
|
+
<div class="radius-demo" style="border-radius:var(--radius-sm)">sm</div>
|
|
212
|
+
<div class="radius-demo" style="border-radius:var(--radius)">default</div>
|
|
213
|
+
<div class="radius-demo" style="border-radius:var(--radius-md)">md</div>
|
|
214
|
+
<div class="radius-demo" style="border-radius:var(--radius-lg)">lg</div>
|
|
215
|
+
<div class="radius-demo" style="border-radius:var(--radius-full);width:64px">full</div>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
|
|
219
|
+
<!-- ==================== SHADOWS ==================== -->
|
|
220
|
+
<div class="section">
|
|
221
|
+
<h2>◈ Shadows</h2>
|
|
222
|
+
<div class="row">
|
|
223
|
+
<div class="shadow-demo" style="box-shadow:var(--shadow-sm)">sm</div>
|
|
224
|
+
<div class="shadow-demo" style="box-shadow:var(--shadow-md)">md</div>
|
|
225
|
+
<div class="shadow-demo" style="box-shadow:var(--shadow-lg)">lg</div>
|
|
226
|
+
</div>
|
|
227
|
+
</div>
|
|
228
|
+
|
|
229
|
+
<!-- ==================== BUTTONS ==================== -->
|
|
230
|
+
<div class="section">
|
|
231
|
+
<h2>🔘 Buttons</h2>
|
|
232
|
+
<h3>Sizes + Variants</h3>
|
|
233
|
+
<div class="row">
|
|
234
|
+
<button class="btn btn-primary">Primary</button>
|
|
235
|
+
<button class="btn btn-secondary">Secondary</button>
|
|
236
|
+
<button class="btn btn-ghost">Ghost</button>
|
|
237
|
+
<button class="btn btn-danger">Danger</button>
|
|
238
|
+
<button class="btn btn-primary btn-sm">Small</button>
|
|
239
|
+
<button class="btn btn-primary" disabled>Disabled</button>
|
|
240
|
+
</div>
|
|
241
|
+
|
|
242
|
+
<h3>Focus states (tab to see)</h3>
|
|
243
|
+
<div class="row">
|
|
244
|
+
<button class="btn btn-primary">Tab here</button>
|
|
245
|
+
<button class="btn btn-secondary">Then here</button>
|
|
246
|
+
<button class="btn btn-ghost">And here</button>
|
|
247
|
+
</div>
|
|
248
|
+
</div>
|
|
249
|
+
|
|
250
|
+
<!-- ==================== LINKS ==================== -->
|
|
251
|
+
<div class="section">
|
|
252
|
+
<h2>🔗 Links</h2>
|
|
253
|
+
<div class="row">
|
|
254
|
+
<a class="link" href="#">Default link</a>
|
|
255
|
+
<a class="link link-muted" href="#">Muted link</a>
|
|
256
|
+
<a class="link" href="#" style="color:var(--green)">Success link</a>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
259
|
+
|
|
260
|
+
<!-- ==================== BADGES ==================== -->
|
|
261
|
+
<div class="section">
|
|
262
|
+
<h2>🏷 Badges</h2>
|
|
263
|
+
<div class="row">
|
|
264
|
+
<span class="badge badge-accent">Accent</span>
|
|
265
|
+
<span class="badge badge-green">Online</span>
|
|
266
|
+
<span class="badge badge-yellow">Pending</span>
|
|
267
|
+
<span class="badge badge-red">Error</span>
|
|
268
|
+
<span class="badge badge-orange">Stale</span>
|
|
269
|
+
<span class="badge badge-purple">Role</span>
|
|
270
|
+
</div>
|
|
271
|
+
</div>
|
|
272
|
+
|
|
273
|
+
<!-- ==================== INPUTS ==================== -->
|
|
274
|
+
<div class="section">
|
|
275
|
+
<h2>⌨ Inputs</h2>
|
|
276
|
+
<div class="row">
|
|
277
|
+
<input class="input" placeholder="Default input" />
|
|
278
|
+
</div>
|
|
279
|
+
<div class="row">
|
|
280
|
+
<input class="input" value="Filled input" />
|
|
281
|
+
</div>
|
|
282
|
+
<div class="row">
|
|
283
|
+
<input class="input" disabled value="Disabled" />
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
|
|
287
|
+
<!-- ==================== PANELS ==================== -->
|
|
288
|
+
<div class="section">
|
|
289
|
+
<h2>📦 Panels</h2>
|
|
290
|
+
<div class="panel" style="max-width:480px">
|
|
291
|
+
<div class="panel-header">Panel Title <span class="count">3 items</span></div>
|
|
292
|
+
<div class="panel-body">
|
|
293
|
+
<div class="panel-row"><span>Row one</span><span class="badge badge-green">Active</span></div>
|
|
294
|
+
<div class="panel-row"><span>Row two</span><span class="badge badge-yellow">Pending</span></div>
|
|
295
|
+
<div class="panel-row"><span>Row three</span><span class="badge badge-red">Failed</span></div>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
|
|
300
|
+
<!-- ==================== TABLE ==================== -->
|
|
301
|
+
<div class="section">
|
|
302
|
+
<h2>📋 Table</h2>
|
|
303
|
+
<table class="table" style="max-width:600px">
|
|
304
|
+
<thead><tr><th>Agent</th><th>Role</th><th>Status</th><th>Tasks</th></tr></thead>
|
|
305
|
+
<tbody>
|
|
306
|
+
<tr><td style="color:var(--text-bright);font-weight:var(--font-weight-semibold)">pixel</td><td><span class="badge badge-purple">Design</span></td><td style="color:var(--green)">● Online</td><td>3</td></tr>
|
|
307
|
+
<tr><td style="color:var(--text-bright);font-weight:var(--font-weight-semibold)">link</td><td><span class="badge badge-accent">Engineering</span></td><td style="color:var(--green)">● Online</td><td>2</td></tr>
|
|
308
|
+
<tr><td style="color:var(--text-bright);font-weight:var(--font-weight-semibold)">sage</td><td><span class="badge badge-orange">Ops</span></td><td style="color:var(--text-muted)">● Idle</td><td>1</td></tr>
|
|
309
|
+
</tbody>
|
|
310
|
+
</table>
|
|
311
|
+
</div>
|
|
312
|
+
|
|
313
|
+
<footer style="margin-top:var(--space-16);padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);text-align:center">
|
|
314
|
+
<p style="font-size:var(--text-sm);color:var(--text-muted)">Reflectt Design System v1 · Tokens defined in <code>src/dashboard.ts</code> · Docs: <a class="link" href="/docs">API</a> · <a class="link" href="https://docs.openclaw.ai">OpenClaw</a></p>
|
|
315
|
+
</footer>
|
|
316
|
+
|
|
317
|
+
</body>
|
|
318
|
+
</html>
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reflectt Feedback Widget — embeddable, self-contained
|
|
3
|
+
* Usage: <script src="/widget/feedback.js" data-token="..." data-theme="auto"></script>
|
|
4
|
+
*/
|
|
5
|
+
(function() {
|
|
6
|
+
'use strict';
|
|
7
|
+
|
|
8
|
+
var script = document.currentScript;
|
|
9
|
+
var token = (script && script.getAttribute('data-token')) || '';
|
|
10
|
+
var theme = (script && script.getAttribute('data-theme')) || 'auto';
|
|
11
|
+
var position = (script && script.getAttribute('data-position')) || 'bottom-right';
|
|
12
|
+
var label = (script && script.getAttribute('data-label')) || 'Feedback';
|
|
13
|
+
var apiBase = (script && script.src) ? new URL(script.src).origin : '';
|
|
14
|
+
|
|
15
|
+
// Create host element
|
|
16
|
+
var host = document.createElement('div');
|
|
17
|
+
host.id = 'reflectt-feedback-widget';
|
|
18
|
+
document.body.appendChild(host);
|
|
19
|
+
|
|
20
|
+
var shadow = host.attachShadow({ mode: 'closed' });
|
|
21
|
+
|
|
22
|
+
// Detect dark mode
|
|
23
|
+
var isDark = theme === 'dark' || (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
24
|
+
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
25
|
+
|
|
26
|
+
var css = '\
|
|
27
|
+
:host { all: initial; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }\
|
|
28
|
+
* { box-sizing: border-box; }\
|
|
29
|
+
.fb-trigger {\
|
|
30
|
+
position: fixed; ' + (position === 'bottom-left' ? 'left: 24px;' : 'right: 24px;') + ' bottom: 24px;\
|
|
31
|
+
z-index: 999990; padding: 10px 18px; border-radius: 24px; border: none;\
|
|
32
|
+
cursor: pointer; font-size: 14px; font-weight: 600;\
|
|
33
|
+
background: ' + (isDark ? '#2a2a3e' : '#fff') + ';\
|
|
34
|
+
color: ' + (isDark ? '#e0e0e0' : '#333') + ';\
|
|
35
|
+
box-shadow: 0 2px 12px rgba(0,0,0,0.15); transition: ' + (reduceMotion ? 'none' : 'transform 0.15s ease') + ';\
|
|
36
|
+
}\
|
|
37
|
+
.fb-trigger:hover { transform: ' + (reduceMotion ? 'none' : 'translateY(-2px)') + '; }\
|
|
38
|
+
.fb-panel {\
|
|
39
|
+
position: fixed; ' + (position === 'bottom-left' ? 'left: 24px;' : 'right: 24px;') + ' bottom: 80px;\
|
|
40
|
+
z-index: 999991; width: 320px; border-radius: 12px;\
|
|
41
|
+
background: ' + (isDark ? '#1e1e2e' : '#fff') + ';\
|
|
42
|
+
color: ' + (isDark ? '#e0e0e0' : '#333') + ';\
|
|
43
|
+
box-shadow: 0 4px 24px rgba(0,0,0,0.2); overflow: hidden;\
|
|
44
|
+
' + (reduceMotion ? '' : 'animation: fb-slide-up 0.2s ease-out;') + '\
|
|
45
|
+
}\
|
|
46
|
+
@keyframes fb-slide-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }\
|
|
47
|
+
.fb-header {\
|
|
48
|
+
display: flex; justify-content: space-between; align-items: center;\
|
|
49
|
+
padding: 12px 16px; border-bottom: 1px solid ' + (isDark ? '#333' : '#eee') + ';\
|
|
50
|
+
font-weight: 600; font-size: 14px;\
|
|
51
|
+
}\
|
|
52
|
+
.fb-close { background: none; border: none; cursor: pointer; font-size: 18px; color: ' + (isDark ? '#888' : '#999') + '; padding: 0 4px; }\
|
|
53
|
+
.fb-body { padding: 16px; }\
|
|
54
|
+
.fb-label { font-size: 12px; font-weight: 600; margin-bottom: 6px; color: ' + (isDark ? '#aaa' : '#666') + '; }\
|
|
55
|
+
.fb-radio-group { display: flex; gap: 8px; margin-bottom: 14px; }\
|
|
56
|
+
.fb-radio { display: flex; align-items: center; gap: 4px; cursor: pointer; font-size: 13px; }\
|
|
57
|
+
.fb-radio input { margin: 0; }\
|
|
58
|
+
.fb-textarea {\
|
|
59
|
+
width: 100%; min-height: 80px; border-radius: 8px; border: 1px solid ' + (isDark ? '#444' : '#ddd') + ';\
|
|
60
|
+
padding: 10px; font-size: 13px; font-family: inherit; resize: vertical;\
|
|
61
|
+
background: ' + (isDark ? '#2a2a3e' : '#fafafa') + '; color: ' + (isDark ? '#e0e0e0' : '#333') + ';\
|
|
62
|
+
}\
|
|
63
|
+
.fb-textarea:focus { outline: 2px solid #6c63ff; border-color: #6c63ff; }\
|
|
64
|
+
.fb-charcount { font-size: 10px; color: ' + (isDark ? '#666' : '#999') + '; text-align: right; margin-top: 2px; }\
|
|
65
|
+
.fb-input {\
|
|
66
|
+
width: 100%; border-radius: 8px; border: 1px solid ' + (isDark ? '#444' : '#ddd') + ';\
|
|
67
|
+
padding: 8px 10px; font-size: 13px; font-family: inherit; margin-top: 10px;\
|
|
68
|
+
background: ' + (isDark ? '#2a2a3e' : '#fafafa') + '; color: ' + (isDark ? '#e0e0e0' : '#333') + ';\
|
|
69
|
+
}\
|
|
70
|
+
.fb-submit {\
|
|
71
|
+
width: 100%; padding: 10px; border: none; border-radius: 8px; margin-top: 14px;\
|
|
72
|
+
font-size: 14px; font-weight: 600; cursor: pointer;\
|
|
73
|
+
background: #6c63ff; color: #fff; transition: ' + (reduceMotion ? 'none' : 'opacity 0.15s') + ';\
|
|
74
|
+
}\
|
|
75
|
+
.fb-submit:hover { opacity: 0.9; }\
|
|
76
|
+
.fb-submit[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }\
|
|
77
|
+
.fb-success { text-align: center; padding: 24px 16px; font-size: 14px; color: ' + (isDark ? '#8f8' : '#2a7') + '; }\
|
|
78
|
+
.fb-error { text-align: center; padding: 16px; font-size: 13px; color: #e55; }\
|
|
79
|
+
.hidden { display: none; }\
|
|
80
|
+
';
|
|
81
|
+
|
|
82
|
+
var style = document.createElement('style');
|
|
83
|
+
style.textContent = css;
|
|
84
|
+
shadow.appendChild(style);
|
|
85
|
+
|
|
86
|
+
var container = document.createElement('div');
|
|
87
|
+
shadow.appendChild(container);
|
|
88
|
+
|
|
89
|
+
var state = 'idle'; // idle, open, submitting, success, error
|
|
90
|
+
|
|
91
|
+
function render() {
|
|
92
|
+
if (state === 'idle') {
|
|
93
|
+
container.innerHTML = '<button class="fb-trigger" role="button" aria-label="Open feedback panel">💬 ' + escHtml(label) + '</button>';
|
|
94
|
+
container.querySelector('.fb-trigger').addEventListener('click', function() { state = 'open'; render(); });
|
|
95
|
+
} else if (state === 'open') {
|
|
96
|
+
container.innerHTML = '\
|
|
97
|
+
<div class="fb-panel" role="dialog" aria-modal="true" aria-label="Send Feedback">\
|
|
98
|
+
<div class="fb-header"><span>💬 Send Feedback</span><button class="fb-close" aria-label="Close">✕</button></div>\
|
|
99
|
+
<div class="fb-body">\
|
|
100
|
+
<div class="fb-label" id="fb-cat-label">What type?</div>\
|
|
101
|
+
<div class="fb-radio-group" role="radiogroup" aria-labelledby="fb-cat-label">\
|
|
102
|
+
<label class="fb-radio"><input type="radio" name="fb-cat" value="bug" checked> 🐛 Bug</label>\
|
|
103
|
+
<label class="fb-radio"><input type="radio" name="fb-cat" value="feature"> ✨ Feature</label>\
|
|
104
|
+
<label class="fb-radio"><input type="radio" name="fb-cat" value="general"> 💬 Other</label>\
|
|
105
|
+
</div>\
|
|
106
|
+
<textarea class="fb-textarea" placeholder="Describe the issue…" aria-required="true" aria-describedby="fb-chars" maxlength="1000"></textarea>\
|
|
107
|
+
<div class="fb-charcount" id="fb-chars">0 / 1000</div>\
|
|
108
|
+
<input class="fb-input" type="email" placeholder="Email (optional)">\
|
|
109
|
+
<button class="fb-submit" aria-disabled="true">Submit</button>\
|
|
110
|
+
</div>\
|
|
111
|
+
</div>';
|
|
112
|
+
var panel = container.querySelector('.fb-panel');
|
|
113
|
+
var close = container.querySelector('.fb-close');
|
|
114
|
+
var textarea = container.querySelector('.fb-textarea');
|
|
115
|
+
var charcount = container.querySelector('.fb-charcount');
|
|
116
|
+
var emailInput = container.querySelector('.fb-input');
|
|
117
|
+
var submitBtn = container.querySelector('.fb-submit');
|
|
118
|
+
|
|
119
|
+
close.addEventListener('click', function() { state = 'idle'; render(); if (previousFocus && previousFocus.focus) previousFocus.focus(); });
|
|
120
|
+
textarea.addEventListener('input', function() {
|
|
121
|
+
charcount.textContent = textarea.value.length + ' / 1000';
|
|
122
|
+
submitBtn.setAttribute('aria-disabled', textarea.value.trim().length < 10 ? 'true' : 'false');
|
|
123
|
+
});
|
|
124
|
+
textarea.focus();
|
|
125
|
+
|
|
126
|
+
// Focus trap + Escape to close
|
|
127
|
+
var previousFocus = shadow.activeElement || document.activeElement;
|
|
128
|
+
panel.addEventListener('keydown', function(e) {
|
|
129
|
+
if (e.key === 'Escape') { state = 'idle'; render(); if (previousFocus && previousFocus.focus) previousFocus.focus(); return; }
|
|
130
|
+
if (e.key === 'Tab') {
|
|
131
|
+
var focusable = panel.querySelectorAll('button, input, textarea, [tabindex]:not([tabindex="-1"])');
|
|
132
|
+
if (focusable.length === 0) return;
|
|
133
|
+
var first = focusable[0];
|
|
134
|
+
var last = focusable[focusable.length - 1];
|
|
135
|
+
if (e.shiftKey) {
|
|
136
|
+
if (shadow.activeElement === first || document.activeElement === first) { e.preventDefault(); last.focus(); }
|
|
137
|
+
} else {
|
|
138
|
+
if (shadow.activeElement === last || document.activeElement === last) { e.preventDefault(); first.focus(); }
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
submitBtn.addEventListener('click', function() {
|
|
144
|
+
if (submitBtn.getAttribute('aria-disabled') === 'true') return;
|
|
145
|
+
var cat = container.querySelector('input[name="fb-cat"]:checked');
|
|
146
|
+
doSubmit(cat ? cat.value : 'bug', textarea.value.trim(), emailInput.value.trim());
|
|
147
|
+
});
|
|
148
|
+
} else if (state === 'success') {
|
|
149
|
+
container.innerHTML = '\
|
|
150
|
+
<div class="fb-panel"><div class="fb-success">✅ Thanks! We got it.</div></div>';
|
|
151
|
+
setTimeout(function() { state = 'idle'; render(); }, 3000);
|
|
152
|
+
} else if (state === 'error') {
|
|
153
|
+
container.innerHTML = '\
|
|
154
|
+
<div class="fb-panel"><div class="fb-error">Something went wrong. <a href="#" style="color:#6c63ff">Try again.</a></div></div>';
|
|
155
|
+
container.querySelector('a').addEventListener('click', function(e) { e.preventDefault(); state = 'open'; render(); });
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
function doSubmit(category, message, email) {
|
|
160
|
+
state = 'submitting';
|
|
161
|
+
var submitBtn = container.querySelector('.fb-submit');
|
|
162
|
+
if (submitBtn) { submitBtn.setAttribute('aria-disabled', 'true'); submitBtn.textContent = 'Submitting…'; }
|
|
163
|
+
|
|
164
|
+
var body = {
|
|
165
|
+
category: category,
|
|
166
|
+
message: message,
|
|
167
|
+
siteToken: token,
|
|
168
|
+
url: window.location.href,
|
|
169
|
+
userAgent: navigator.userAgent,
|
|
170
|
+
timestamp: Date.now()
|
|
171
|
+
};
|
|
172
|
+
if (email) body.email = email;
|
|
173
|
+
|
|
174
|
+
fetch(apiBase + '/feedback', {
|
|
175
|
+
method: 'POST',
|
|
176
|
+
headers: { 'Content-Type': 'application/json' },
|
|
177
|
+
body: JSON.stringify(body)
|
|
178
|
+
}).then(function(res) {
|
|
179
|
+
if (res.ok) { state = 'success'; } else { state = 'error'; }
|
|
180
|
+
render();
|
|
181
|
+
}).catch(function() {
|
|
182
|
+
state = 'error';
|
|
183
|
+
render();
|
|
184
|
+
});
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
function escHtml(s) {
|
|
188
|
+
var d = document.createElement('div');
|
|
189
|
+
d.textContent = s;
|
|
190
|
+
return d.innerHTML;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
render();
|
|
194
|
+
})();
|