@jaimevalasek/aioson 1.7.2 → 1.9.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/CHANGELOG.md +595 -560
- package/CODE_OF_CONDUCT.md +12 -12
- package/CONTRIBUTING.md +13 -13
- package/LICENSE +661 -661
- package/README.md +919 -776
- package/bin/aioson.js +4 -4
- package/docs/design-previews/aurora-command-ui-website.html +884 -884
- package/docs/design-previews/aurora-command-ui.html +682 -682
- package/docs/design-previews/bold-editorial-ui-website.html +658 -658
- package/docs/design-previews/bold-editorial-ui.html +717 -717
- package/docs/design-previews/clean-saas-ui-website.html +1202 -1202
- package/docs/design-previews/clean-saas-ui.html +549 -549
- package/docs/design-previews/cognitive-core-ui-website.html +1009 -1009
- package/docs/design-previews/cognitive-core-ui.html +463 -463
- package/docs/design-previews/glassmorphism-ui-website.html +572 -572
- package/docs/design-previews/glassmorphism-ui.html +886 -886
- package/docs/design-previews/index.html +699 -699
- package/docs/design-previews/interface-design-website.html +1187 -1187
- package/docs/design-previews/interface-design.html +513 -513
- package/docs/design-previews/neo-brutalist-ui-website.html +621 -621
- package/docs/design-previews/neo-brutalist-ui.html +797 -797
- package/docs/design-previews/premium-command-center-ui-website.html +1217 -1217
- package/docs/design-previews/premium-command-center-ui.html +552 -552
- package/docs/design-previews/pt.squarespace.com-homepage.html +889 -889
- package/docs/design-previews/warm-craft-ui-website.html +684 -684
- package/docs/design-previews/warm-craft-ui.html +739 -739
- package/docs/en/1-understand/ecosystem-map.md +228 -0
- package/docs/en/1-understand/glossary.md +288 -0
- package/docs/en/1-understand/what-is-aioson.md +94 -0
- package/docs/en/1-understand/why-it-exists.md +106 -0
- package/docs/en/2-start/existing-project.md +246 -0
- package/docs/en/2-start/first-project.md +307 -0
- package/docs/en/2-start/initial-decisions.md +223 -0
- package/docs/en/3-recipes/README.md +28 -0
- package/docs/en/3-recipes/continuity-between-sessions.md +303 -0
- package/docs/en/3-recipes/from-idea-to-prd-via-briefing.md +235 -0
- package/docs/en/3-recipes/full-feature-with-sheldon.md +338 -0
- package/docs/en/4-agents/README.md +56 -0
- package/docs/en/5-reference/README.md +60 -0
- package/docs/en/{cli-reference.md → 5-reference/cli-reference.md} +639 -409
- package/docs/en/5-reference/i18n.md +52 -0
- package/docs/en/{json-schemas.md → 5-reference/json-schemas.md} +41 -41
- package/docs/en/{mcp.md → 5-reference/mcp.md} +56 -56
- package/docs/en/{parallel.md → 5-reference/parallel.md} +82 -82
- package/docs/en/{qa-browser.md → 5-reference/qa-browser.md} +339 -339
- package/docs/en/{release-flow.md → 5-reference/release-flow.md} +22 -22
- package/docs/en/{release-notes-template.md → 5-reference/release-notes-template.md} +41 -41
- package/docs/en/{release.md → 5-reference/release.md} +28 -28
- package/docs/en/{schemas → 5-reference/schemas}/agent-prompt.schema.json +17 -17
- package/docs/en/{schemas → 5-reference/schemas}/agents.schema.json +32 -32
- package/docs/en/{schemas → 5-reference/schemas}/context-validate.schema.json +36 -36
- package/docs/en/{schemas → 5-reference/schemas}/doctor.schema.json +89 -89
- package/docs/en/{schemas → 5-reference/schemas}/error.schema.json +24 -24
- package/docs/en/{schemas → 5-reference/schemas}/i18n-add.schema.json +15 -15
- package/docs/en/{schemas → 5-reference/schemas}/index.json +126 -116
- package/docs/en/{schemas → 5-reference/schemas}/info.schema.json +39 -39
- package/docs/en/{schemas → 5-reference/schemas}/init.schema.json +48 -48
- package/docs/en/{schemas → 5-reference/schemas}/install.schema.json +60 -60
- package/docs/en/{schemas → 5-reference/schemas}/locale-apply.schema.json +30 -30
- package/docs/en/{schemas → 5-reference/schemas}/mcp-doctor.schema.json +95 -95
- package/docs/en/{schemas → 5-reference/schemas}/mcp-init.schema.json +122 -122
- package/docs/en/{schemas → 5-reference/schemas}/package-test.schema.json +24 -24
- package/docs/en/{schemas → 5-reference/schemas}/parallel-assign.schema.json +66 -57
- package/docs/en/{schemas → 5-reference/schemas}/parallel-doctor.schema.json +122 -86
- package/docs/en/5-reference/schemas/parallel-guard.schema.json +63 -0
- package/docs/en/{schemas → 5-reference/schemas}/parallel-init.schema.json +53 -53
- package/docs/en/5-reference/schemas/parallel-merge.schema.json +84 -0
- package/docs/en/5-reference/schemas/parallel-status.schema.json +184 -0
- package/docs/en/{schemas → 5-reference/schemas}/setup-context.schema.json +39 -39
- package/docs/en/{schemas → 5-reference/schemas}/smoke.schema.json +23 -23
- package/docs/en/{schemas → 5-reference/schemas}/update.schema.json +48 -48
- package/docs/en/{schemas → 5-reference/schemas}/workflow-plan.schema.json +30 -30
- package/docs/en/{squad-dashboard.md → 5-reference/squad-dashboard.md} +372 -372
- package/docs/en/{web3.md → 5-reference/web3.md} +54 -54
- package/docs/en/README.md +115 -0
- package/docs/en/active-learning-loop/README.md +117 -0
- package/docs/en/active-learning-loop/active-learning-loop.md +117 -0
- package/docs/en/active-learning-loop/cli-commands.md +320 -0
- package/docs/en/active-learning-loop/diagrams.md +225 -0
- package/docs/en/active-learning-loop/doctor-checks.md +151 -0
- package/docs/en/active-learning-loop/how-to-use.md +313 -0
- package/docs/en/active-learning-loop/troubleshooting.md +283 -0
- package/docs/en/deyvin-subtask-scout/README.md +109 -0
- package/docs/en/deyvin-subtask-scout/cli-commands.md +248 -0
- package/docs/en/deyvin-subtask-scout/diagrams.md +124 -0
- package/docs/en/deyvin-subtask-scout/how-to-use.md +221 -0
- package/docs/en/deyvin-subtask-scout/sub-task-scout.md +115 -0
- package/docs/en/deyvin-subtask-scout/troubleshooting.md +184 -0
- package/docs/integrations/apps-publish-marketplace.md +94 -0
- package/docs/integrations/sdlc-genius-boundary.md +76 -76
- package/docs/integrations/sdlc-genius-eval-matrix.md +75 -75
- package/docs/integrations/sdlc-genius-install-checklist.md +93 -93
- package/docs/integrations/sdlc-genius-review-samples.md +86 -86
- package/docs/openclaw-bridge.md +308 -308
- package/docs/pt/1-entender/glossario.md +288 -0
- package/docs/pt/1-entender/mapa-do-ecossistema.md +228 -0
- package/docs/pt/1-entender/o-que-e-aioson.md +94 -0
- package/docs/pt/1-entender/por-que-existe.md +107 -0
- package/docs/pt/2-comecar/decisoes-iniciais.md +223 -0
- package/docs/pt/2-comecar/primeiro-projeto.md +307 -0
- package/docs/pt/2-comecar/projeto-existente.md +245 -0
- package/docs/pt/3-receitas/README.md +28 -0
- package/docs/pt/3-receitas/app-saas-do-zero.md +324 -0
- package/docs/pt/3-receitas/auditoria-seguranca.md +254 -0
- package/docs/pt/3-receitas/clonar-design-de-site.md +211 -0
- package/docs/pt/3-receitas/continuidade-entre-sessoes.md +303 -0
- package/docs/pt/3-receitas/da-ideia-ao-prd-via-briefing.md +234 -0
- package/docs/pt/3-receitas/feature-completa-com-sheldon.md +338 -0
- package/docs/pt/3-receitas/integracao-em-codebase-grande.md +243 -0
- package/docs/pt/3-receitas/landing-page.md +281 -0
- package/docs/pt/3-receitas/plans-externos-para-product.md +191 -0
- package/docs/pt/3-receitas/publicar-no-aioson-com.md +219 -0
- package/docs/pt/3-receitas/refatoracao-grande.md +251 -0
- package/docs/pt/4-agentes/README.md +65 -0
- package/docs/pt/4-agentes/analyst.md +111 -0
- package/docs/pt/4-agentes/architect.md +113 -0
- package/docs/pt/4-agentes/briefing.md +95 -0
- package/docs/pt/4-agentes/committer.md +108 -0
- package/docs/pt/4-agentes/copywriter.md +279 -0
- package/docs/pt/4-agentes/design-hybrid-forge.md +116 -0
- package/docs/pt/4-agentes/dev.md +136 -0
- package/docs/pt/4-agentes/deyvin.md +99 -0
- package/docs/pt/4-agentes/discover.md +122 -0
- package/docs/pt/4-agentes/discovery-design-doc.md +91 -0
- package/docs/pt/4-agentes/genome.md +115 -0
- package/docs/pt/4-agentes/neo.md +93 -0
- package/docs/pt/4-agentes/orache.md +107 -0
- package/docs/pt/4-agentes/orchestrator.md +118 -0
- package/docs/pt/4-agentes/pentester.md +131 -0
- package/docs/pt/4-agentes/pm.md +97 -0
- package/docs/pt/4-agentes/product.md +114 -0
- package/docs/pt/4-agentes/profiler-enricher.md +93 -0
- package/docs/pt/4-agentes/profiler-forge.md +93 -0
- package/docs/pt/4-agentes/profiler-researcher.md +98 -0
- package/docs/pt/4-agentes/qa.md +124 -0
- package/docs/pt/4-agentes/setup.md +104 -0
- package/docs/pt/4-agentes/sheldon.md +95 -0
- package/docs/pt/4-agentes/site-forge.md +104 -0
- package/docs/pt/4-agentes/squad.md +127 -0
- package/docs/pt/4-agentes/tester.md +105 -0
- package/docs/pt/4-agentes/ux-ui.md +110 -0
- package/docs/pt/4-agentes/validator.md +118 -0
- package/docs/pt/5-referencia/README.md +88 -0
- package/docs/pt/5-referencia/agent-chain-continuity.md +124 -0
- package/docs/pt/{agent-sharding.md → 5-referencia/agent-sharding.md} +132 -132
- package/docs/pt/5-referencia/aioson-com-store.md +119 -0
- package/docs/pt/{automacao-squads.md → 5-referencia/automacao-squads.md} +407 -407
- package/docs/pt/{clientes-ai.md → 5-referencia/clientes-ai.md} +300 -286
- package/docs/pt/{comandos-cli.md → 5-referencia/comandos-cli.md} +1823 -1634
- package/docs/pt/5-referencia/compress-agents.md +304 -0
- package/docs/pt/5-referencia/design-docs-governance.md +59 -0
- package/docs/pt/{devlog-pipeline.md → 5-referencia/devlog-pipeline.md} +270 -270
- package/docs/pt/5-referencia/feature-archive.md +199 -0
- package/docs/pt/5-referencia/feature-dossier.md +121 -0
- package/docs/pt/{fluxo-artefatos.md → 5-referencia/fluxo-artefatos.md} +179 -178
- package/docs/pt/{genome-3.0-spec.md → 5-referencia/genome-4.0-spec.md} +407 -296
- package/docs/pt/5-referencia/genome-distribution.md +232 -0
- package/docs/pt/{hooks-session-guard.md → 5-referencia/hooks-session-guard.md} +454 -454
- package/docs/pt/{inteligencia-adaptativa.md → 5-referencia/inteligencia-adaptativa.md} +324 -324
- package/docs/pt/5-referencia/live-sessions.md +144 -0
- package/docs/pt/5-referencia/memoria-e-contexto.md +340 -0
- package/docs/pt/5-referencia/motor-hardening.md +493 -0
- package/docs/pt/{output-strategy-delivery.md → 5-referencia/output-strategy-delivery.md} +655 -655
- package/docs/pt/5-referencia/runner-system.md +113 -0
- package/docs/pt/{runtime-observability.md → 5-referencia/runtime-observability.md} +76 -76
- package/docs/pt/{sandbox.md → 5-referencia/sandbox.md} +125 -125
- package/docs/pt/{sdd-automation-scripts.md → 5-referencia/sdd-automation-scripts.md} +559 -557
- package/docs/pt/5-referencia/sdd-framework.md +115 -0
- package/docs/pt/5-referencia/sdd-planos-e-estrutura.md +321 -0
- package/docs/pt/5-referencia/secure-by-default.md +117 -0
- package/docs/pt/{skills.md → 5-referencia/skills.md} +275 -267
- package/docs/pt/{spec-learnings-pipeline.md → 5-referencia/spec-learnings-pipeline.md} +265 -265
- package/docs/pt/{squad-dashboard.md → 5-referencia/squad-dashboard.md} +373 -373
- package/docs/pt/{web3.md → 5-referencia/web3.md} +797 -797
- package/docs/pt/README.md +111 -116
- package/docs/pt/_arquivo/README.md +130 -0
- package/docs/pt/{advisor-spec.md → _arquivo/advisor-spec.md} +343 -335
- package/docs/pt/{agentes-customizados.md → _arquivo/agentes-customizados.md} +678 -670
- package/docs/pt/{busca-de-contexto.md → _arquivo/busca-de-contexto.md} +136 -129
- package/docs/pt/{cache-de-contexto.md → _arquivo/cache-de-contexto.md} +163 -156
- package/docs/pt/{cenarios.md → _arquivo/cenarios.md} +1282 -1274
- package/docs/pt/{design-hybrid-forge.md → _arquivo/design-hybrid-forge.md} +365 -356
- package/docs/pt/{deyvin.md → _arquivo/deyvin.md} +123 -115
- package/docs/pt/{guia-engineer.md → _arquivo/guia-engineer.md} +234 -226
- package/docs/pt/{inicio-rapido.md → _arquivo/inicio-rapido.md} +261 -250
- package/docs/pt/{memoria-contexto.md → _arquivo/memoria-contexto.md} +262 -255
- package/docs/pt/{monitor-de-contexto.md → _arquivo/monitor-de-contexto.md} +165 -158
- package/docs/pt/{profiler-system.md → _arquivo/profiler-system.md} +222 -214
- package/docs/pt/{recuperacao-de-sessao.md → _arquivo/recuperacao-de-sessao.md} +134 -125
- package/docs/pt/{site-forge.md → _arquivo/site-forge.md} +318 -309
- package/docs/pt/{squad-genome.md → _arquivo/squad-genome.md} +793 -783
- package/docs/pt/active-learning-loop/README.md +117 -0
- package/docs/pt/active-learning-loop/ativo-learning-loop.md +117 -0
- package/docs/pt/active-learning-loop/comandos-cli.md +320 -0
- package/docs/pt/active-learning-loop/como-usar.md +313 -0
- package/docs/pt/active-learning-loop/diagramas.md +225 -0
- package/docs/pt/active-learning-loop/doctor-checks.md +151 -0
- package/docs/pt/active-learning-loop/troubleshooting.md +283 -0
- package/docs/pt/agentes.md +996 -672
- package/docs/pt/deyvin-subtask-scout/README.md +109 -0
- package/docs/pt/deyvin-subtask-scout/comandos-cli.md +248 -0
- package/docs/pt/deyvin-subtask-scout/como-usar.md +221 -0
- package/docs/pt/deyvin-subtask-scout/diagramas.md +124 -0
- package/docs/pt/deyvin-subtask-scout/sub-task-scout.md +113 -0
- package/docs/pt/deyvin-subtask-scout/troubleshooting.md +184 -0
- package/docs/pt/living-memory/README.md +81 -0
- package/docs/pt/living-memory/autonomy-contract.md +206 -0
- package/docs/pt/living-memory/diagramas.md +365 -0
- package/docs/pt/living-memory/memoria-viva.md +141 -0
- package/docs/pt/living-memory/notificacoes-info.md +142 -0
- package/docs/pt/living-memory/reflexao-in-harness.md +218 -0
- package/docs/pt/living-memory/troubleshooting.md +286 -0
- package/docs/testing/genome-2.0-manual-regression.md +23 -23
- package/docs/testing/genome-2.0-matrix.md +36 -36
- package/docs/testing/genome-2.0-rollout.md +184 -184
- package/package.json +51 -50
- package/src/a2a/client.js +165 -165
- package/src/a2a/server.js +223 -223
- package/src/agent-loader.js +280 -280
- package/src/agent-manifests.js +86 -0
- package/src/agents.js +92 -72
- package/src/autonomy-policy.js +163 -0
- package/src/backup-local.js +74 -74
- package/src/backup-provider.js +303 -303
- package/src/brain-query.js +171 -0
- package/src/cli.js +1450 -1099
- package/src/commands/agent-audit.js +397 -397
- package/src/commands/agent-export-skill.js +229 -229
- package/src/commands/agent-loader.js +85 -85
- package/src/commands/agents.js +273 -160
- package/src/commands/artifact-validate.js +218 -189
- package/src/commands/auth.js +298 -0
- package/src/commands/backup-local-cmd.js +25 -25
- package/src/commands/backup.js +533 -533
- package/src/commands/brain-query.js +44 -0
- package/src/commands/brief-gen.js +405 -405
- package/src/commands/brief-validate.js +65 -65
- package/src/commands/briefing.js +344 -0
- package/src/commands/classify.js +256 -256
- package/src/commands/cloud.js +1767 -1767
- package/src/commands/commit-prepare.js +610 -0
- package/src/commands/compress-agents.js +416 -0
- package/src/commands/config.js +90 -90
- package/src/commands/context-cache.js +90 -90
- package/src/commands/context-compact.js +49 -49
- package/src/commands/context-health.js +187 -175
- package/src/commands/context-load.js +219 -0
- package/src/commands/context-monitor.js +163 -163
- package/src/commands/context-pack.js +45 -45
- package/src/commands/context-search.js +66 -66
- package/src/commands/context-trim.js +183 -177
- package/src/commands/context-validate.js +91 -91
- package/src/commands/design-hybrid-options.js +385 -385
- package/src/commands/detect-test-runner.js +55 -55
- package/src/commands/dev-resume.js +32 -0
- package/src/commands/devlog-export-brains.js +27 -27
- package/src/commands/devlog-process.js +294 -292
- package/src/commands/devlog-watch.js +131 -131
- package/src/commands/doctor.js +123 -123
- package/src/commands/dossier-add-research.js +114 -0
- package/src/commands/dossier-audit.js +222 -0
- package/src/commands/dossier.js +423 -0
- package/src/commands/feature-archive.js +513 -0
- package/src/commands/feature-close.js +554 -165
- package/src/commands/gate-approve.js +198 -0
- package/src/commands/gate-check.js +247 -228
- package/src/commands/genome-doctor.js +489 -41
- package/src/commands/genome-migrate.js +49 -49
- package/src/commands/git-guard.js +170 -0
- package/src/commands/harness.js +307 -0
- package/src/commands/health.js +214 -214
- package/src/commands/hooks-emit.js +253 -253
- package/src/commands/hooks-install.js +347 -347
- package/src/commands/i18n-add.js +56 -56
- package/src/commands/implementation-plan.js +367 -340
- package/src/commands/info.js +41 -41
- package/src/commands/init.js +120 -116
- package/src/commands/install.js +162 -107
- package/src/commands/learning-auto-promote.js +197 -195
- package/src/commands/learning-evolve.js +364 -364
- package/src/commands/learning-export.js +103 -103
- package/src/commands/learning-rollback.js +164 -164
- package/src/commands/learning.js +134 -134
- package/src/commands/live.js +2101 -1641
- package/src/commands/locale-apply.js +54 -51
- package/src/commands/locale-diff.js +25 -126
- package/src/commands/mcp-doctor.js +407 -406
- package/src/commands/mcp-init.js +373 -379
- package/src/commands/memory-archive.js +193 -0
- package/src/commands/memory-reflect-commit.js +148 -0
- package/src/commands/memory-reflect-prepare.js +97 -0
- package/src/commands/memory-restore.js +177 -0
- package/src/commands/memory-search.js +135 -0
- package/src/commands/memory.js +299 -0
- package/src/commands/notify.js +68 -0
- package/src/commands/package-e2e.js +273 -273
- package/src/commands/parallel-assign.js +483 -403
- package/src/commands/parallel-doctor.js +850 -437
- package/src/commands/parallel-guard.js +241 -0
- package/src/commands/parallel-init.js +311 -249
- package/src/commands/parallel-merge.js +299 -0
- package/src/commands/parallel-status.js +434 -290
- package/src/commands/pattern-detect.js +33 -33
- package/src/commands/preflight-context.js +30 -30
- package/src/commands/preflight.js +267 -208
- package/src/commands/pulse-update.js +130 -130
- package/src/commands/qa-doctor.js +185 -185
- package/src/commands/qa-init.js +166 -161
- package/src/commands/qa-report.js +58 -58
- package/src/commands/qa-run.js +873 -873
- package/src/commands/qa-scan.js +337 -337
- package/src/commands/recovery.js +43 -43
- package/src/commands/revision.js +235 -0
- package/src/commands/runner-daemon.js +274 -274
- package/src/commands/runner-plan.js +70 -70
- package/src/commands/runner-queue-from-plan.js +166 -166
- package/src/commands/runner-queue.js +189 -189
- package/src/commands/runner-run.js +129 -129
- package/src/commands/runtime.js +2086 -2067
- package/src/commands/sandbox.js +37 -37
- package/src/commands/scaffold-complete.js +188 -0
- package/src/commands/scan-project.js +1371 -1371
- package/src/commands/scout-commit.js +163 -0
- package/src/commands/scout-prep.js +214 -0
- package/src/commands/scout-validate.js +112 -0
- package/src/commands/security-audit.js +275 -0
- package/src/commands/security-scan.js +376 -0
- package/src/commands/self-implement-loop.js +306 -256
- package/src/commands/session-guard.js +218 -218
- package/src/commands/setup-context.js +699 -698
- package/src/commands/setup.js +178 -178
- package/src/commands/sizing.js +165 -165
- package/src/commands/skill.js +670 -670
- package/src/commands/smoke.js +426 -426
- package/src/commands/spec-checkpoint.js +177 -177
- package/src/commands/spec-status.js +79 -79
- package/src/commands/spec-sync.js +190 -190
- package/src/commands/spec-tasks.js +288 -288
- package/src/commands/squad-agent-create.js +830 -788
- package/src/commands/squad-autorun.js +1220 -1220
- package/src/commands/squad-bus.js +217 -217
- package/src/commands/squad-card.js +149 -149
- package/src/commands/squad-daemon.js +343 -343
- package/src/commands/squad-dashboard.js +39 -39
- package/src/commands/squad-dependency-graph.js +164 -164
- package/src/commands/squad-deploy.js +64 -64
- package/src/commands/squad-doctor.js +460 -460
- package/src/commands/squad-export.js +77 -46
- package/src/commands/squad-investigate.js +314 -261
- package/src/commands/squad-learning.js +209 -209
- package/src/commands/squad-mcp.js +270 -270
- package/src/commands/squad-pipeline.js +343 -343
- package/src/commands/squad-plan.js +361 -329
- package/src/commands/squad-processes.js +56 -56
- package/src/commands/squad-recovery.js +42 -42
- package/src/commands/squad-repair-genomes.js +39 -39
- package/src/commands/squad-review.js +106 -106
- package/src/commands/squad-roi.js +291 -291
- package/src/commands/squad-scaffold.js +56 -55
- package/src/commands/squad-score.js +311 -250
- package/src/commands/squad-status.js +481 -460
- package/src/commands/squad-tool-register.js +157 -157
- package/src/commands/squad-validate.js +438 -347
- package/src/commands/squad-webhook.js +160 -160
- package/src/commands/squad-worker.js +191 -191
- package/src/commands/squad-worktrees.js +75 -75
- package/src/commands/state-save.js +122 -122
- package/src/commands/store-genome.js +667 -0
- package/src/commands/store-skill.js +247 -0
- package/src/commands/store-squad.js +431 -0
- package/src/commands/store-system.js +392 -0
- package/src/commands/sync-agents-preflight.js +176 -0
- package/src/commands/test-agents.js +199 -199
- package/src/commands/tool-capabilities.js +63 -0
- package/src/commands/tool-registry-cmd.js +232 -232
- package/src/commands/update.js +64 -64
- package/src/commands/verify-gate.js +612 -572
- package/src/commands/web-map.js +70 -70
- package/src/commands/web-scrape.js +71 -71
- package/src/commands/workflow-execute.js +730 -241
- package/src/commands/workflow-harden.js +231 -0
- package/src/commands/workflow-heal.js +136 -0
- package/src/commands/workflow-next.js +1279 -601
- package/src/commands/workflow-plan.js +108 -108
- package/src/commands/workflow-status.js +440 -250
- package/src/commands/workspace.js +144 -0
- package/src/constants.js +413 -417
- package/src/context-cache.js +159 -159
- package/src/context-memory.js +975 -837
- package/src/context-parse-reason.js +22 -22
- package/src/context-search.js +326 -326
- package/src/context-writer.js +197 -196
- package/src/context.js +247 -217
- package/src/delivery-runner.js +319 -319
- package/src/design-variation-catalog.js +503 -503
- package/src/detector.js +261 -261
- package/src/doctor.js +760 -289
- package/src/dossier/codemap-store.js +267 -0
- package/src/dossier/dossier-bootstrap.js +222 -0
- package/src/dossier/dossier-compact.js +159 -0
- package/src/dossier/lock.js +128 -0
- package/src/dossier/research-index-store.js +233 -0
- package/src/dossier/revision-store.js +313 -0
- package/src/dossier/schema.js +162 -0
- package/src/dossier/scout-section.js +127 -0
- package/src/dossier/store.js +406 -0
- package/src/execution-gateway.js +464 -461
- package/src/friction-scanner.js +202 -0
- package/src/genome-files.js +198 -198
- package/src/genome-format.js +442 -442
- package/src/genome-schema.js +238 -215
- package/src/genomes/bindings.js +281 -281
- package/src/genomes.js +500 -467
- package/src/handoff-contract.js +417 -0
- package/src/handoff-validator.js +45 -0
- package/src/harness/circuit-breaker.js +135 -0
- package/src/i18n/index.js +103 -103
- package/src/i18n/messages/en.js +1541 -1139
- package/src/i18n/messages/es.js +1325 -980
- package/src/i18n/messages/fr.js +1333 -987
- package/src/i18n/messages/pt-BR.js +1561 -1166
- package/src/i18n/scaffold.js +64 -64
- package/src/install-animation.js +260 -260
- package/src/install-profile.js +127 -143
- package/src/install-wizard.js +475 -475
- package/src/installer-config-merge.js +207 -0
- package/src/installer.js +449 -294
- package/src/learning-loop-archive.js +595 -0
- package/src/learning-loop-doctor.js +217 -0
- package/src/learning-loop-engine.js +254 -0
- package/src/learning-loop-fts5.js +132 -0
- package/src/learning-loop-migration.js +163 -0
- package/src/lib/dev-resume.js +140 -0
- package/src/lib/dossier-telemetry.js +36 -0
- package/src/lib/genomes/compat.js +206 -206
- package/src/lib/genomes/migrate.js +90 -90
- package/src/lib/git-commit-guard.js +751 -0
- package/src/lib/health-check.js +158 -158
- package/src/lib/hook-protocol.js +76 -76
- package/src/lib/llm-content-sanitizer.js +44 -0
- package/src/lib/security/artifact-reader.js +167 -0
- package/src/lib/security/exit-codes.js +51 -0
- package/src/lib/security/findings-writer.js +176 -0
- package/src/lib/security/runtime-events.js +77 -0
- package/src/lib/security/secrets-regex.js +115 -0
- package/src/lib/squads/genome-repair.js +49 -49
- package/src/lib/store/security-scan.js +175 -0
- package/src/lib/terminal-checkbox.js +135 -0
- package/src/lib/terminal-picker.js +447 -0
- package/src/lib/tmux-launcher.js +163 -0
- package/src/lib/tool-capabilities.js +102 -0
- package/src/lib/webhook-server.js +328 -328
- package/src/locales.js +88 -84
- package/src/mcp/apps/squad-dashboard/app.js +163 -163
- package/src/mcp/apps/squad-dashboard/index.html +261 -261
- package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -23
- package/src/mcp/resources/squad-state.js +130 -130
- package/src/mcp-connectors/registry.js +602 -602
- package/src/memory-reflect-engine.js +359 -0
- package/src/notify-renderer.js +32 -0
- package/src/onboarding.js +305 -305
- package/src/parallel-workspace.js +756 -0
- package/src/parser.js +66 -59
- package/src/path-guard.js +47 -0
- package/src/permissions-generator.js +400 -0
- package/src/preflight-engine.js +654 -443
- package/src/prompt-tool.js +20 -20
- package/src/qa-html-report.js +472 -472
- package/src/recovery-context-session.js +154 -154
- package/src/runner/cascade.js +97 -97
- package/src/runner/cli-launcher.js +109 -109
- package/src/runner/plan-importer.js +63 -63
- package/src/runner/queue-store.js +159 -159
- package/src/runtime-store.js +2720 -2676
- package/src/sandbox.js +194 -177
- package/src/self-healing.js +142 -0
- package/src/session-handoff.js +295 -77
- package/src/squad/agent-teams-adapter.js +270 -264
- package/src/squad/brief-validator.js +350 -350
- package/src/squad/bus-bridge.js +140 -140
- package/src/squad/context-compactor.js +265 -265
- package/src/squad/cross-ai-synthesizer.js +250 -250
- package/src/squad/external-session.js +180 -180
- package/src/squad/hooks-generator.js +196 -196
- package/src/squad/inter-squad-events.js +175 -175
- package/src/squad/inter-squad.js +74 -74
- package/src/squad/intra-bus.js +345 -345
- package/src/squad/learning-extractor.js +213 -213
- package/src/squad/pattern-detector.js +365 -365
- package/src/squad/preflight-context.js +296 -296
- package/src/squad/recovery-context.js +372 -372
- package/src/squad/reflection.js +365 -365
- package/src/squad/squad-scaffold.js +341 -177
- package/src/squad/state-manager.js +310 -310
- package/src/squad/task-decomposer.js +652 -652
- package/src/squad/verify-gate.js +303 -303
- package/src/squad/worktree-manager.js +114 -114
- package/src/squad-daemon.js +490 -490
- package/src/squad-dashboard/api.js +223 -223
- package/src/squad-dashboard/attachment-handler.js +93 -93
- package/src/squad-dashboard/context-monitor.js +157 -157
- package/src/squad-dashboard/execution-logs.js +115 -115
- package/src/squad-dashboard/hunk-review.js +209 -209
- package/src/squad-dashboard/metrics.js +133 -133
- package/src/squad-dashboard/process-monitor.js +125 -125
- package/src/squad-dashboard/renderer.js +858 -858
- package/src/squad-dashboard/server.js +232 -232
- package/src/squad-dashboard/styles.js +525 -525
- package/src/squad-dashboard/token-tracker.js +99 -99
- package/src/squads/apply-genome.js +21 -21
- package/src/squads/genome-binding-service.js +154 -154
- package/src/sub-task-engine.js +415 -0
- package/src/sub-task-schemas.js +150 -0
- package/src/sub-task-state.js +152 -0
- package/src/sub-task-telemetry.js +69 -0
- package/src/test-briefing.js +226 -0
- package/src/tool-executor.js +94 -94
- package/src/updater.js +39 -39
- package/src/utils.js +49 -46
- package/src/version.js +50 -50
- package/src/web.js +284 -284
- package/src/worker-runner.js +541 -524
- package/src/workflow-gates.js +185 -0
- package/template/.aioson/advisors/.gitkeep +1 -1
- package/template/.aioson/agents/analyst.md +333 -372
- package/template/.aioson/agents/architect.md +325 -338
- package/template/.aioson/agents/briefing.md +264 -0
- package/template/.aioson/agents/committer.md +161 -0
- package/template/.aioson/agents/copywriter.md +937 -463
- package/template/.aioson/agents/design-hybrid-forge.md +141 -141
- package/template/.aioson/agents/dev.md +295 -779
- package/template/.aioson/agents/deyvin.md +198 -290
- package/template/.aioson/agents/discover.md +235 -0
- package/template/.aioson/agents/discovery-design-doc.md +56 -264
- package/template/.aioson/agents/genome.md +1904 -314
- package/template/.aioson/agents/manifests/analyst.manifest.json +26 -0
- package/template/.aioson/agents/manifests/architect.manifest.json +23 -0
- package/template/.aioson/agents/manifests/committer.manifest.json +23 -0
- package/template/.aioson/agents/manifests/dev.manifest.json +54 -0
- package/template/.aioson/agents/manifests/deyvin.manifest.json +41 -0
- package/template/.aioson/agents/manifests/orchestrator.manifest.json +30 -0
- package/template/.aioson/agents/manifests/pentester.manifest.json +39 -0
- package/template/.aioson/agents/manifests/pm.manifest.json +26 -0
- package/template/.aioson/agents/manifests/product.manifest.json +23 -0
- package/template/.aioson/agents/manifests/qa.manifest.json +41 -0
- package/template/.aioson/agents/manifests/setup.manifest.json +20 -0
- package/template/.aioson/agents/manifests/ux-ui.manifest.json +24 -0
- package/template/.aioson/agents/neo.md +341 -233
- package/template/.aioson/agents/orache.md +430 -434
- package/template/.aioson/agents/orchestrator.md +274 -364
- package/template/.aioson/agents/pair.md +5 -5
- package/template/.aioson/agents/pentester.md +289 -0
- package/template/.aioson/agents/pm.md +141 -194
- package/template/.aioson/agents/product.md +351 -518
- package/template/.aioson/agents/profiler-enricher.md +331 -280
- package/template/.aioson/agents/profiler-forge.md +212 -202
- package/template/.aioson/agents/profiler-researcher.md +282 -259
- package/template/.aioson/agents/qa.md +432 -688
- package/template/.aioson/agents/setup.md +423 -649
- package/template/.aioson/agents/sheldon.md +259 -829
- package/template/.aioson/agents/site-forge.md +281 -1753
- package/template/.aioson/agents/squad.md +160 -2027
- package/template/.aioson/agents/tester.md +536 -463
- package/template/.aioson/agents/ux-ui.md +195 -870
- package/template/.aioson/agents/validator.md +101 -0
- package/template/.aioson/brains/README.md +132 -128
- package/template/.aioson/brains/_archived/.gitkeep +0 -0
- package/template/.aioson/brains/_index.json +34 -16
- package/template/.aioson/brains/dev/patterns.brain.json +79 -0
- package/template/.aioson/brains/scripts/query.js +107 -103
- package/template/.aioson/brains/sheldon/architecture-decisions.brain.json +79 -0
- package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -205
- package/template/.aioson/config/autonomy-protocol.json +125 -0
- package/template/.aioson/config/learning-loop.json +10 -0
- package/template/.aioson/config/scout-engine.json +1 -0
- package/template/.aioson/config.md +410 -382
- package/template/.aioson/constitution.md +36 -33
- package/template/.aioson/context/_archived/.gitkeep +0 -0
- package/template/.aioson/context/design-doc.md +136 -0
- package/template/.aioson/context/project-map.md +57 -0
- package/template/.aioson/context/project-pulse.md +34 -34
- package/template/.aioson/context/seeds/seed-example.md +27 -27
- package/template/.aioson/context/spec.md.template +54 -54
- package/template/.aioson/context/user-profile.md +42 -42
- package/template/.aioson/design-docs/code-reuse.md +48 -0
- package/template/.aioson/design-docs/componentization.md +47 -0
- package/template/.aioson/design-docs/file-size.md +52 -0
- package/template/.aioson/design-docs/folder-structure.md +51 -0
- package/template/.aioson/design-docs/naming.md +54 -0
- package/template/.aioson/docs/LAYERS.md +89 -79
- package/template/.aioson/docs/README.md +76 -76
- package/template/.aioson/docs/autonomy-protocol.md +80 -0
- package/template/.aioson/docs/briefing/briefing-craft.md +237 -0
- package/template/.aioson/docs/dev/execution-discipline.md +106 -0
- package/template/.aioson/docs/dev/stack-conventions.md +83 -0
- package/template/.aioson/docs/deyvin/continuity-recovery.md +57 -0
- package/template/.aioson/docs/deyvin/debugging-escalation.md +30 -0
- package/template/.aioson/docs/deyvin/pair-execution.md +44 -0
- package/template/.aioson/docs/deyvin/runtime-handoffs.md +36 -0
- package/template/.aioson/docs/example-external-api-context.md +72 -72
- package/template/.aioson/docs/pentester/app-playbooks.md +206 -0
- package/template/.aioson/docs/pentester/llm-supplychain.md +165 -0
- package/template/.aioson/docs/product/conversation-playbook.md +116 -0
- package/template/.aioson/docs/product/prd-contract.md +107 -0
- package/template/.aioson/docs/product/quality-lens.md +57 -0
- package/template/.aioson/docs/product/research-loop.md +65 -0
- package/template/.aioson/docs/sheldon/enrichment-paths.md +134 -0
- package/template/.aioson/docs/sheldon/harness-contract.md +118 -0
- package/template/.aioson/docs/sheldon/quality-lens.md +57 -0
- package/template/.aioson/docs/sheldon/research-loop.md +56 -0
- package/template/.aioson/docs/sheldon/web-intelligence.md +75 -0
- package/template/.aioson/docs/site-forge-build.md +195 -0
- package/template/.aioson/docs/site-forge-extraction.md +135 -0
- package/template/.aioson/docs/site-forge-qa.md +155 -0
- package/template/.aioson/docs/site-forge-recon.md +434 -0
- package/template/.aioson/docs/site-forge-transform.md +249 -0
- package/template/.aioson/docs/squad/content-output.md +91 -0
- package/template/.aioson/docs/squad/creation-flow.md +149 -0
- package/template/.aioson/docs/squad/domain-breadth.md +322 -0
- package/template/.aioson/docs/squad/domain-classification.md +117 -0
- package/template/.aioson/docs/squad/genome-bindings.md +47 -0
- package/template/.aioson/docs/squad/package-contract.md +260 -0
- package/template/.aioson/docs/squad/quality-lens.md +60 -0
- package/template/.aioson/docs/squad/research-loop.md +59 -0
- package/template/.aioson/docs/squad/session-operations.md +117 -0
- package/template/.aioson/docs/squad/workflow-quality.md +165 -0
- package/template/.aioson/docs/tester/coverage-quality.md +351 -0
- package/template/.aioson/docs/ux-ui/accessibility-audit.md +55 -0
- package/template/.aioson/docs/ux-ui/audit-mode.md +86 -0
- package/template/.aioson/docs/ux-ui/component-map.md +35 -0
- package/template/.aioson/docs/ux-ui/design-execution.md +111 -0
- package/template/.aioson/docs/ux-ui/design-gate.md +27 -0
- package/template/.aioson/docs/ux-ui/research-mode.md +39 -0
- package/template/.aioson/docs/ux-ui/site-delivery.md +156 -0
- package/template/.aioson/docs/ux-ui/token-contract.md +57 -0
- package/template/.aioson/genomes/INDEX.md +195 -0
- package/template/.aioson/genomes/copywriting/SKILL.md +137 -0
- package/template/.aioson/genomes/copywriting/manifest.json +140 -0
- package/template/.aioson/genomes/copywriting/references/application-notes.md +145 -0
- package/template/.aioson/genomes/copywriting/references/decision-weights.md +45 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/5-act-narrative.md +184 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/classical-formulas.md +164 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/offer-stack.md +195 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/one-belief.md +135 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/pms-research.md +211 -0
- package/template/.aioson/genomes/copywriting/references/frameworks/two-paths-close.md +190 -0
- package/template/.aioson/genomes/copywriting/references/heuristics.md +114 -0
- package/template/.aioson/genomes/copywriting/references/meta-axioms.md +68 -0
- package/template/.aioson/genomes/copywriting/references/methodology.md +115 -0
- package/template/.aioson/genomes/copywriting-brunson/SKILL.md +133 -0
- package/template/.aioson/genomes/copywriting-brunson/manifest.json +152 -0
- package/template/.aioson/genomes/copywriting-brunson/references/application-notes.md +113 -0
- package/template/.aioson/genomes/copywriting-brunson/references/decision-weights.md +33 -0
- package/template/.aioson/genomes/copywriting-brunson/references/evidence-and-attribution.md +81 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/6-part-structure.md +136 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/origin-story.md +121 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/perfect-webinar-script.md +139 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/persuasive-storytelling-5-structures.md +164 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/value-stack.md +136 -0
- package/template/.aioson/genomes/copywriting-brunson/references/frameworks/who-what-why-how.md +110 -0
- package/template/.aioson/genomes/copywriting-brunson/references/meta-axioms.md +36 -0
- package/template/.aioson/genomes/copywriting-brunson/references/methodology.md +112 -0
- package/template/.aioson/git-guard.json +12 -0
- package/template/.aioson/mcp/servers.md +23 -24
- package/template/.aioson/profiler-reports/.gitkeep +1 -1
- package/template/.aioson/rules/README.md +69 -69
- package/template/.aioson/rules/_archived/.gitkeep +0 -0
- package/template/.aioson/rules/agent-language-policy.md +93 -0
- package/template/.aioson/rules/aioson-context-boundary.md +63 -0
- package/template/.aioson/rules/canonical-path-contract.md +47 -0
- package/template/.aioson/rules/data-format-convention.md +74 -136
- package/template/.aioson/rules/disk-first-artifacts.md +44 -0
- package/template/.aioson/rules/example-monetary-values.md +30 -30
- package/template/.aioson/rules/output-brevity.md +44 -0
- package/template/.aioson/rules/prd-section-ownership.md +49 -0
- package/template/.aioson/rules/security-baseline.md +139 -0
- package/template/.aioson/rules/spec-level-ownership.md +61 -0
- package/template/.aioson/rules/squad/README.md +50 -50
- package/template/.aioson/rules/squad-driver-pattern.md +81 -0
- package/template/.aioson/schemas/content-blueprint.schema.json +30 -30
- package/template/.aioson/schemas/genome-meta.schema.json +150 -150
- package/template/.aioson/schemas/genome.schema.json +115 -115
- package/template/.aioson/schemas/readiness.schema.json +27 -27
- package/template/.aioson/schemas/squad-blueprint.schema.json +228 -204
- package/template/.aioson/schemas/squad-manifest.schema.json +874 -830
- package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -243
- package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -293
- package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -827
- package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -250
- package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -585
- package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -365
- package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -482
- package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -387
- package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +205 -205
- package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -338
- package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -977
- package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -218
- package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -326
- package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -461
- package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -293
- package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -352
- package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +210 -210
- package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -319
- package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -365
- package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -196
- package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -244
- package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -235
- package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -215
- package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -295
- package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +203 -203
- package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -339
- package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +407 -407
- package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +272 -272
- package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +524 -524
- package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +279 -279
- package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +289 -289
- package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +437 -437
- package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -222
- package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -159
- package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -498
- package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -236
- package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -274
- package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -355
- package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -198
- package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -307
- package/template/.aioson/skills/design/interface-design/SKILL.md +47 -47
- package/template/.aioson/skills/design/interface-design/references/components-and-states.md +105 -105
- package/template/.aioson/skills/design/interface-design/references/design-directions.md +101 -101
- package/template/.aioson/skills/design/interface-design/references/handoff-and-quality.md +71 -71
- package/template/.aioson/skills/design/interface-design/references/intent-and-domain.md +74 -74
- package/template/.aioson/skills/design/interface-design/references/tokens-and-depth.md +173 -173
- package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -213
- package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -228
- package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -855
- package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -334
- package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -342
- package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -286
- package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -458
- package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -723
- package/template/.aioson/skills/design/premium-command-center-ui/SKILL.md +62 -62
- package/template/.aioson/skills/design/premium-command-center-ui/references/operations.md +74 -74
- package/template/.aioson/skills/design/premium-command-center-ui/references/patterns.md +116 -116
- package/template/.aioson/skills/design/premium-command-center-ui/references/validation.md +47 -47
- package/template/.aioson/skills/design/premium-command-center-ui/references/visual-system.md +215 -215
- package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -31
- package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -66
- package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -368
- package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -150
- package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -270
- package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -189
- package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -165
- package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +209 -209
- package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -324
- package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -508
- package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -223
- package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -374
- package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -356
- package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -288
- package/template/.aioson/skills/design/warm-craft-ui/references/websites.md +289 -289
- package/template/.aioson/skills/design-system/SKILL.md +92 -92
- package/template/.aioson/skills/design-system/components/SKILL.md +274 -274
- package/template/.aioson/skills/design-system/dashboards/SKILL.md +184 -184
- package/template/.aioson/skills/design-system/foundations/SKILL.md +250 -250
- package/template/.aioson/skills/design-system/motion/SKILL.md +197 -197
- package/template/.aioson/skills/design-system/patterns/SKILL.md +231 -231
- package/template/.aioson/skills/dynamic/README.md +30 -30
- package/template/.aioson/skills/dynamic/cardano-docs.md +16 -16
- package/template/.aioson/skills/dynamic/ethereum-docs.md +17 -17
- package/template/.aioson/skills/dynamic/flux-ui-docs.md +13 -13
- package/template/.aioson/skills/dynamic/laravel-docs.md +41 -41
- package/template/.aioson/skills/dynamic/npm-packages.md +16 -16
- package/template/.aioson/skills/dynamic/solana-docs.md +16 -16
- package/template/.aioson/skills/marketing/references/anti-patterns.md +254 -254
- package/template/.aioson/skills/marketing/references/cta-matrix.md +361 -0
- package/template/.aioson/skills/marketing/references/fascinations.md +192 -192
- package/template/.aioson/skills/marketing/references/five-acts.md +248 -248
- package/template/.aioson/skills/marketing/references/headline-matrix.md +358 -0
- package/template/.aioson/skills/marketing/references/market-intelligence.md +198 -198
- package/template/.aioson/skills/marketing/references/offer-structure.md +203 -203
- package/template/.aioson/skills/marketing/references/one-belief.md +149 -149
- package/template/.aioson/skills/marketing/references/patterns.md +218 -218
- package/template/.aioson/skills/marketing/references/platform-constraints.md +337 -0
- package/template/.aioson/skills/marketing/references/pms-research.md +193 -193
- package/template/.aioson/skills/marketing/vsl-craft.md +385 -385
- package/template/.aioson/skills/premium-visual-design/SKILL.md +83 -83
- package/template/.aioson/skills/premium-visual-design/components/agent-badge.md +92 -92
- package/template/.aioson/skills/premium-visual-design/components/dependency-node.md +102 -102
- package/template/.aioson/skills/premium-visual-design/components/mention-autocomplete.md +136 -136
- package/template/.aioson/skills/premium-visual-design/components/notification-center.md +136 -136
- package/template/.aioson/skills/premium-visual-design/components/review-action-bar.md +188 -188
- package/template/.aioson/skills/premium-visual-design/components/team-switcher.md +131 -131
- package/template/.aioson/skills/premium-visual-design/patterns/agent-message-thread.md +198 -198
- package/template/.aioson/skills/premium-visual-design/patterns/notification-panel.md +275 -275
- package/template/.aioson/skills/premium-visual-design/patterns/review-workflow-ui.md +234 -234
- package/template/.aioson/skills/premium-visual-design/patterns/task-dependency-graph.md +147 -147
- package/template/.aioson/skills/premium-visual-design/tokens/status-extended.md +142 -142
- package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -46
- package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -30
- package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -109
- package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -23
- package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -44
- package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -37
- package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -47
- package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -27
- package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -49
- package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -101
- package/template/.aioson/skills/process/aioson-spec-driven/references/pm.md +30 -0
- package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -25
- package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -30
- package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -25
- package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -75
- package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -147
- package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -221
- package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -88
- package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -306
- package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -149
- package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -208
- package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -125
- package/template/.aioson/skills/process/secure-tdd/SKILL.md +97 -0
- package/template/.aioson/skills/process/simplify/SKILL.md +173 -173
- package/template/.aioson/skills/references/premium-command-center-ui/master-application-prompt.md +79 -79
- package/template/.aioson/skills/references/premium-command-center-ui/operational-ux-playbook.md +253 -253
- package/template/.aioson/skills/references/premium-command-center-ui/quality-validation-checklist.md +82 -82
- package/template/.aioson/skills/references/premium-command-center-ui/visual-system-and-component-patterns.md +270 -270
- package/template/.aioson/skills/squad/SKILL.md +58 -58
- package/template/.aioson/skills/squad/formats/catalog.json +15 -15
- package/template/.aioson/skills/squad/formats/content/blog-post.md +47 -47
- package/template/.aioson/skills/squad/formats/content/newsletter.md +47 -47
- package/template/.aioson/skills/squad/formats/creative/podcast-script.md +43 -43
- package/template/.aioson/skills/squad/formats/creative/video-script.md +41 -41
- package/template/.aioson/skills/squad/formats/social/instagram-feed.md +42 -42
- package/template/.aioson/skills/squad/formats/social/linkedin-post.md +42 -42
- package/template/.aioson/skills/squad/formats/social/tiktok.md +39 -39
- package/template/.aioson/skills/squad/formats/social/twitter-thread.md +39 -39
- package/template/.aioson/skills/squad/formats/social/youtube-long.md +47 -47
- package/template/.aioson/skills/squad/formats/social/youtube-shorts.md +39 -39
- package/template/.aioson/skills/squad/patterns/multi-platform-pattern.md +108 -108
- package/template/.aioson/skills/squad/patterns/persona-based-pattern.md +98 -98
- package/template/.aioson/skills/squad/patterns/pipeline-pattern.md +106 -106
- package/template/.aioson/skills/squad/patterns/review-loop-pattern.md +81 -81
- package/template/.aioson/skills/squad/references/checklist-templates.md +122 -122
- package/template/.aioson/skills/squad/references/executor-archetypes.md +123 -123
- package/template/.aioson/skills/squad/references/workflow-templates.md +169 -169
- package/template/.aioson/skills/static/context-budget-guide.md +46 -46
- package/template/.aioson/skills/static/debugging-protocol.md +42 -42
- package/template/.aioson/skills/static/django-patterns.md +342 -342
- package/template/.aioson/skills/static/fastapi-patterns.md +344 -344
- package/template/.aioson/skills/static/filament-patterns.md +267 -267
- package/template/.aioson/skills/static/flux-ui-components.md +262 -262
- package/template/.aioson/skills/static/git-conventions.md +227 -227
- package/template/.aioson/skills/static/git-worktrees.md +36 -36
- package/template/.aioson/skills/static/harness-sensors.md +74 -74
- package/template/.aioson/skills/static/harness-validate/SKILL.md +46 -0
- package/template/.aioson/skills/static/jetstream-setup.md +200 -200
- package/template/.aioson/skills/static/landing-page-deploy.md +192 -192
- package/template/.aioson/skills/static/landing-page-forge.md +730 -730
- package/template/.aioson/skills/static/laravel-conventions.md +491 -491
- package/template/.aioson/skills/static/multi-agent-patterns.md +43 -43
- package/template/.aioson/skills/static/nextjs-patterns.md +321 -321
- package/template/.aioson/skills/static/node-express-patterns.md +317 -317
- package/template/.aioson/skills/static/node-typescript-patterns.md +282 -282
- package/template/.aioson/skills/static/rails-conventions.md +307 -307
- package/template/.aioson/skills/static/react-motion-patterns.md +599 -599
- package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -43
- package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -609
- package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -193
- package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -711
- package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -209
- package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -190
- package/template/.aioson/skills/static/static-html-patterns.md +80 -80
- package/template/.aioson/skills/static/tall-stack-patterns.md +286 -286
- package/template/.aioson/skills/static/threejs-patterns.md +929 -929
- package/template/.aioson/skills/static/ui-ux-modern.md +76 -76
- package/template/.aioson/skills/static/web-research-cache.md +115 -112
- package/template/.aioson/skills/static/web3-cardano-patterns.md +337 -337
- package/template/.aioson/skills/static/web3-ethereum-patterns.md +310 -310
- package/template/.aioson/skills/static/web3-security-checklist.md +284 -284
- package/template/.aioson/skills/static/web3-solana-patterns.md +324 -324
- package/template/.aioson/squads/memory.md +5 -5
- package/template/.aioson/tasks/implementation-plan.md +327 -327
- package/template/.aioson/tasks/squad-analyze.md +83 -83
- package/template/.aioson/tasks/squad-create.md +148 -121
- package/template/.aioson/tasks/squad-design.md +206 -158
- package/template/.aioson/tasks/squad-execution-plan.md +279 -279
- package/template/.aioson/tasks/squad-export.md +20 -20
- package/template/.aioson/tasks/squad-extend.md +68 -68
- package/template/.aioson/tasks/squad-investigate.md +57 -44
- package/template/.aioson/tasks/squad-learning-review.md +44 -44
- package/template/.aioson/tasks/squad-output-config.md +177 -177
- package/template/.aioson/tasks/squad-pipeline.md +122 -122
- package/template/.aioson/tasks/squad-profile.md +48 -48
- package/template/.aioson/tasks/squad-refresh.md +236 -0
- package/template/.aioson/tasks/squad-repair.md +85 -85
- package/template/.aioson/tasks/squad-review.md +61 -61
- package/template/.aioson/tasks/squad-task-decompose.md +66 -66
- package/template/.aioson/tasks/squad-validate.md +58 -58
- package/template/.aioson/templates/reflect-prompts/current-state.md +36 -0
- package/template/.aioson/templates/reflect-prompts/how-it-works.md +23 -0
- package/template/.aioson/templates/reflect-prompts/what-it-does.md +21 -0
- package/template/.aioson/templates/squads/content-basic/template.json +21 -21
- package/template/.aioson/templates/squads/digital-marketing-agency/template.json +96 -96
- package/template/.aioson/templates/squads/media-channel/template.json +24 -24
- package/template/.aioson/templates/squads/research-analysis/template.json +22 -22
- package/template/.aioson/templates/squads/software-delivery/template.json +21 -21
- package/template/.claude/commands/aioson/agent/analyst.md +5 -5
- package/template/.claude/commands/aioson/agent/architect.md +5 -5
- package/template/.claude/commands/aioson/agent/briefing.md +5 -0
- package/template/.claude/commands/aioson/agent/committer.md +5 -0
- package/template/.claude/commands/aioson/agent/copywriter.md +5 -0
- package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -5
- package/template/.claude/commands/aioson/agent/dev.md +5 -5
- package/template/.claude/commands/aioson/agent/deyvin.md +5 -5
- package/template/.claude/commands/aioson/agent/discover.md +5 -0
- package/template/.claude/commands/aioson/agent/discovery-design-doc.md +5 -5
- package/template/.claude/commands/aioson/agent/genome.md +5 -5
- package/template/.claude/commands/aioson/agent/neo.md +5 -5
- package/template/.claude/commands/aioson/agent/orache.md +5 -5
- package/template/.claude/commands/aioson/agent/orchestrator.md +5 -5
- package/template/.claude/commands/aioson/agent/pair.md +5 -0
- package/template/.claude/commands/aioson/agent/pentester.md +5 -0
- package/template/.claude/commands/aioson/agent/pm.md +5 -5
- package/template/.claude/commands/aioson/agent/product.md +5 -5
- package/template/.claude/commands/aioson/agent/profiler-enricher.md +5 -5
- package/template/.claude/commands/aioson/agent/profiler-forge.md +5 -5
- package/template/.claude/commands/aioson/agent/profiler-researcher.md +5 -5
- package/template/.claude/commands/aioson/agent/qa.md +5 -5
- package/template/.claude/commands/aioson/agent/setup.md +5 -5
- package/template/.claude/commands/aioson/agent/sheldon.md +5 -5
- package/template/.claude/commands/aioson/agent/site-forge.md +5 -5
- package/template/.claude/commands/aioson/agent/squad.md +5 -5
- package/template/.claude/commands/aioson/agent/tester.md +5 -5
- package/template/.claude/commands/aioson/agent/ux-ui.md +5 -5
- package/template/.claude/commands/aioson/agent/validator.md +5 -0
- package/template/.gemini/GEMINI.md +13 -13
- package/template/.gemini/commands/aios-analyst.toml +7 -4
- package/template/.gemini/commands/aios-architect.toml +8 -7
- package/template/.gemini/commands/aios-committer.toml +7 -0
- package/template/.gemini/commands/aios-copywriter.toml +7 -0
- package/template/.gemini/commands/aios-cypher.toml +7 -0
- package/template/.gemini/commands/aios-dev.toml +9 -8
- package/template/.gemini/commands/aios-deyvin.toml +7 -6
- package/template/.gemini/commands/aios-discover.toml +6 -0
- package/template/.gemini/commands/aios-discovery-design-doc.toml +7 -4
- package/template/.gemini/commands/aios-genome.toml +7 -0
- package/template/.gemini/commands/aios-neo.toml +6 -4
- package/template/.gemini/commands/aios-orache.toml +7 -0
- package/template/.gemini/commands/aios-orchestrator.toml +9 -8
- package/template/.gemini/commands/aios-pair.toml +7 -6
- package/template/.gemini/commands/aios-pm.toml +9 -8
- package/template/.gemini/commands/aios-product.toml +6 -4
- package/template/.gemini/commands/aios-qa.toml +7 -6
- package/template/.gemini/commands/aios-setup.toml +6 -3
- package/template/.gemini/commands/aios-sheldon.toml +7 -0
- package/template/.gemini/commands/aios-site-forge.toml +7 -0
- package/template/.gemini/commands/aios-squad.toml +7 -0
- package/template/.gemini/commands/aios-tester.toml +7 -6
- package/template/.gemini/commands/aios-ux-ui.toml +9 -8
- package/template/.gemini/commands/aios-validator.toml +7 -0
- package/template/AGENTS.md +184 -172
- package/template/CLAUDE.md +98 -93
- package/template/OPENCODE.md +35 -34
- package/template/aioson-models.json +40 -40
- package/docs/en/i18n.md +0 -52
- package/docs/en/schemas/parallel-status.schema.json +0 -94
- package/template/.aioson/genomes/copywriting.md +0 -204
- package/template/.aioson/locales/en/agents/analyst.md +0 -244
- package/template/.aioson/locales/en/agents/architect.md +0 -245
- package/template/.aioson/locales/en/agents/dev.md +0 -397
- package/template/.aioson/locales/en/agents/deyvin.md +0 -137
- package/template/.aioson/locales/en/agents/discovery-design-doc.md +0 -27
- package/template/.aioson/locales/en/agents/genome.md +0 -212
- package/template/.aioson/locales/en/agents/neo.md +0 -8
- package/template/.aioson/locales/en/agents/orache.md +0 -6
- package/template/.aioson/locales/en/agents/orchestrator.md +0 -189
- package/template/.aioson/locales/en/agents/pair.md +0 -5
- package/template/.aioson/locales/en/agents/pm.md +0 -84
- package/template/.aioson/locales/en/agents/product.md +0 -378
- package/template/.aioson/locales/en/agents/profiler-enricher.md +0 -5
- package/template/.aioson/locales/en/agents/profiler-forge.md +0 -5
- package/template/.aioson/locales/en/agents/profiler-researcher.md +0 -5
- package/template/.aioson/locales/en/agents/qa.md +0 -270
- package/template/.aioson/locales/en/agents/setup.md +0 -421
- package/template/.aioson/locales/en/agents/sheldon.md +0 -455
- package/template/.aioson/locales/en/agents/squad.md +0 -449
- package/template/.aioson/locales/en/agents/tester.md +0 -6
- package/template/.aioson/locales/en/agents/ux-ui.md +0 -668
- package/template/.aioson/locales/es/agents/analyst.md +0 -225
- package/template/.aioson/locales/es/agents/architect.md +0 -245
- package/template/.aioson/locales/es/agents/dev.md +0 -370
- package/template/.aioson/locales/es/agents/deyvin.md +0 -99
- package/template/.aioson/locales/es/agents/discovery-design-doc.md +0 -21
- package/template/.aioson/locales/es/agents/genome.md +0 -104
- package/template/.aioson/locales/es/agents/neo.md +0 -50
- package/template/.aioson/locales/es/agents/orache.md +0 -105
- package/template/.aioson/locales/es/agents/orchestrator.md +0 -194
- package/template/.aioson/locales/es/agents/pair.md +0 -7
- package/template/.aioson/locales/es/agents/pm.md +0 -90
- package/template/.aioson/locales/es/agents/product.md +0 -372
- package/template/.aioson/locales/es/agents/profiler-enricher.md +0 -7
- package/template/.aioson/locales/es/agents/profiler-forge.md +0 -7
- package/template/.aioson/locales/es/agents/profiler-researcher.md +0 -7
- package/template/.aioson/locales/es/agents/qa.md +0 -198
- package/template/.aioson/locales/es/agents/setup.md +0 -405
- package/template/.aioson/locales/es/agents/sheldon.md +0 -309
- package/template/.aioson/locales/es/agents/squad.md +0 -532
- package/template/.aioson/locales/es/agents/tester.md +0 -9
- package/template/.aioson/locales/es/agents/ux-ui.md +0 -212
- package/template/.aioson/locales/fr/agents/analyst.md +0 -225
- package/template/.aioson/locales/fr/agents/architect.md +0 -245
- package/template/.aioson/locales/fr/agents/dev.md +0 -370
- package/template/.aioson/locales/fr/agents/deyvin.md +0 -99
- package/template/.aioson/locales/fr/agents/discovery-design-doc.md +0 -21
- package/template/.aioson/locales/fr/agents/genome.md +0 -104
- package/template/.aioson/locales/fr/agents/neo.md +0 -50
- package/template/.aioson/locales/fr/agents/orache.md +0 -106
- package/template/.aioson/locales/fr/agents/orchestrator.md +0 -194
- package/template/.aioson/locales/fr/agents/pair.md +0 -7
- package/template/.aioson/locales/fr/agents/pm.md +0 -90
- package/template/.aioson/locales/fr/agents/product.md +0 -372
- package/template/.aioson/locales/fr/agents/profiler-enricher.md +0 -7
- package/template/.aioson/locales/fr/agents/profiler-forge.md +0 -7
- package/template/.aioson/locales/fr/agents/profiler-researcher.md +0 -7
- package/template/.aioson/locales/fr/agents/qa.md +0 -198
- package/template/.aioson/locales/fr/agents/setup.md +0 -405
- package/template/.aioson/locales/fr/agents/sheldon.md +0 -309
- package/template/.aioson/locales/fr/agents/squad.md +0 -532
- package/template/.aioson/locales/fr/agents/tester.md +0 -9
- package/template/.aioson/locales/fr/agents/ux-ui.md +0 -212
- package/template/.aioson/locales/pt-BR/agents/analyst.md +0 -319
- package/template/.aioson/locales/pt-BR/agents/architect.md +0 -284
- package/template/.aioson/locales/pt-BR/agents/dev.md +0 -483
- package/template/.aioson/locales/pt-BR/agents/deyvin.md +0 -184
- package/template/.aioson/locales/pt-BR/agents/discovery-design-doc.md +0 -198
- package/template/.aioson/locales/pt-BR/agents/genome.md +0 -297
- package/template/.aioson/locales/pt-BR/agents/neo.md +0 -208
- package/template/.aioson/locales/pt-BR/agents/orache.md +0 -137
- package/template/.aioson/locales/pt-BR/agents/orchestrator.md +0 -324
- package/template/.aioson/locales/pt-BR/agents/pair.md +0 -5
- package/template/.aioson/locales/pt-BR/agents/pm.md +0 -182
- package/template/.aioson/locales/pt-BR/agents/product.md +0 -466
- package/template/.aioson/locales/pt-BR/agents/profiler-enricher.md +0 -5
- package/template/.aioson/locales/pt-BR/agents/profiler-forge.md +0 -5
- package/template/.aioson/locales/pt-BR/agents/profiler-researcher.md +0 -5
- package/template/.aioson/locales/pt-BR/agents/qa.md +0 -300
- package/template/.aioson/locales/pt-BR/agents/setup.md +0 -533
- package/template/.aioson/locales/pt-BR/agents/sheldon.md +0 -323
- package/template/.aioson/locales/pt-BR/agents/squad.md +0 -1330
- package/template/.aioson/locales/pt-BR/agents/tester.md +0 -449
- package/template/.aioson/locales/pt-BR/agents/ux-ui.md +0 -669
|
@@ -1,886 +1,886 @@
|
|
|
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.0" />
|
|
6
|
-
<title>Glassmorphism UI — AIOSON Design Skill Preview</title>
|
|
7
|
-
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
8
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
9
|
-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
|
10
|
-
<style>
|
|
11
|
-
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
12
|
-
|
|
13
|
-
:root {
|
|
14
|
-
--accent: #7C3AED;
|
|
15
|
-
--accent-2: #3B82F6;
|
|
16
|
-
--accent-gradient: linear-gradient(135deg, #7C3AED, #3B82F6);
|
|
17
|
-
--text-heading: #1A1A2E;
|
|
18
|
-
--text-body: #2D2D44;
|
|
19
|
-
--text-secondary: #6B6B8A;
|
|
20
|
-
--shadow-violet: 0 8px 24px rgba(124, 58, 237, 0.08);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
html, body {
|
|
24
|
-
height: 100%;
|
|
25
|
-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
26
|
-
font-size: 14px;
|
|
27
|
-
color: var(--text-body);
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
body {
|
|
32
|
-
background: linear-gradient(135deg, #F0EEF6 0%, #E0DFF0 30%, #D8E0F0 70%, #EDE8F0 100%);
|
|
33
|
-
background-attachment: fixed;
|
|
34
|
-
min-height: 100vh;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/* Decorative blobs */
|
|
38
|
-
body::before {
|
|
39
|
-
content: '';
|
|
40
|
-
position: fixed;
|
|
41
|
-
top: -120px;
|
|
42
|
-
right: -80px;
|
|
43
|
-
width: 480px;
|
|
44
|
-
height: 480px;
|
|
45
|
-
background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%);
|
|
46
|
-
border-radius: 50%;
|
|
47
|
-
pointer-events: none;
|
|
48
|
-
z-index: 0;
|
|
49
|
-
}
|
|
50
|
-
body::after {
|
|
51
|
-
content: '';
|
|
52
|
-
position: fixed;
|
|
53
|
-
bottom: -100px;
|
|
54
|
-
left: -60px;
|
|
55
|
-
width: 400px;
|
|
56
|
-
height: 400px;
|
|
57
|
-
background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, transparent 70%);
|
|
58
|
-
border-radius: 50%;
|
|
59
|
-
pointer-events: none;
|
|
60
|
-
z-index: 0;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* ── Layout ── */
|
|
64
|
-
.shell {
|
|
65
|
-
display: flex;
|
|
66
|
-
height: 100vh;
|
|
67
|
-
position: relative;
|
|
68
|
-
z-index: 1;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/* ── Sidebar ── */
|
|
72
|
-
.sidebar {
|
|
73
|
-
width: 240px;
|
|
74
|
-
flex-shrink: 0;
|
|
75
|
-
background: rgba(255,255,255,0.55);
|
|
76
|
-
backdrop-filter: blur(16px);
|
|
77
|
-
-webkit-backdrop-filter: blur(16px);
|
|
78
|
-
border-right: 1px solid rgba(255,255,255,0.30);
|
|
79
|
-
display: flex;
|
|
80
|
-
flex-direction: column;
|
|
81
|
-
padding: 0;
|
|
82
|
-
overflow: hidden;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.sidebar-logo {
|
|
86
|
-
padding: 28px 24px 24px;
|
|
87
|
-
border-bottom: 1px solid rgba(255,255,255,0.30);
|
|
88
|
-
}
|
|
89
|
-
.sidebar-logo .logo-mark {
|
|
90
|
-
display: flex;
|
|
91
|
-
align-items: center;
|
|
92
|
-
gap: 10px;
|
|
93
|
-
}
|
|
94
|
-
.logo-icon {
|
|
95
|
-
width: 32px;
|
|
96
|
-
height: 32px;
|
|
97
|
-
background: var(--accent-gradient);
|
|
98
|
-
border-radius: 10px;
|
|
99
|
-
display: flex;
|
|
100
|
-
align-items: center;
|
|
101
|
-
justify-content: center;
|
|
102
|
-
}
|
|
103
|
-
.logo-icon svg { width: 16px; height: 16px; fill: #fff; }
|
|
104
|
-
.logo-text {
|
|
105
|
-
font-weight: 700;
|
|
106
|
-
font-size: 15px;
|
|
107
|
-
color: var(--text-heading);
|
|
108
|
-
letter-spacing: -0.3px;
|
|
109
|
-
}
|
|
110
|
-
.logo-sub {
|
|
111
|
-
font-size: 10px;
|
|
112
|
-
color: var(--text-secondary);
|
|
113
|
-
margin-top: 1px;
|
|
114
|
-
font-weight: 400;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.nav-section {
|
|
118
|
-
padding: 20px 12px;
|
|
119
|
-
flex: 1;
|
|
120
|
-
}
|
|
121
|
-
.nav-label {
|
|
122
|
-
font-size: 10px;
|
|
123
|
-
font-weight: 600;
|
|
124
|
-
color: var(--text-secondary);
|
|
125
|
-
letter-spacing: 0.08em;
|
|
126
|
-
text-transform: uppercase;
|
|
127
|
-
padding: 0 12px;
|
|
128
|
-
margin-bottom: 8px;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.nav-item {
|
|
132
|
-
display: flex;
|
|
133
|
-
align-items: center;
|
|
134
|
-
gap: 10px;
|
|
135
|
-
padding: 10px 12px;
|
|
136
|
-
border-radius: 12px;
|
|
137
|
-
cursor: pointer;
|
|
138
|
-
color: var(--text-secondary);
|
|
139
|
-
font-size: 13.5px;
|
|
140
|
-
font-weight: 500;
|
|
141
|
-
margin-bottom: 2px;
|
|
142
|
-
transition: all 0.15s ease;
|
|
143
|
-
border-left: 2px solid transparent;
|
|
144
|
-
position: relative;
|
|
145
|
-
}
|
|
146
|
-
.nav-item:hover {
|
|
147
|
-
background: rgba(124,58,237,0.06);
|
|
148
|
-
color: var(--text-body);
|
|
149
|
-
}
|
|
150
|
-
.nav-item.active {
|
|
151
|
-
background: rgba(124,58,237,0.12);
|
|
152
|
-
color: var(--accent);
|
|
153
|
-
border-left: 2px solid var(--accent);
|
|
154
|
-
}
|
|
155
|
-
.nav-item.active .nav-icon { color: var(--accent); }
|
|
156
|
-
|
|
157
|
-
.nav-icon {
|
|
158
|
-
width: 18px;
|
|
159
|
-
height: 18px;
|
|
160
|
-
flex-shrink: 0;
|
|
161
|
-
opacity: 0.7;
|
|
162
|
-
}
|
|
163
|
-
.nav-item.active .nav-icon { opacity: 1; }
|
|
164
|
-
|
|
165
|
-
.nav-badge {
|
|
166
|
-
margin-left: auto;
|
|
167
|
-
background: rgba(124,58,237,0.12);
|
|
168
|
-
color: var(--accent);
|
|
169
|
-
font-size: 10px;
|
|
170
|
-
font-weight: 600;
|
|
171
|
-
padding: 2px 7px;
|
|
172
|
-
border-radius: 20px;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.sidebar-footer {
|
|
176
|
-
padding: 16px 16px 20px;
|
|
177
|
-
border-top: 1px solid rgba(255,255,255,0.30);
|
|
178
|
-
}
|
|
179
|
-
.user-card {
|
|
180
|
-
display: flex;
|
|
181
|
-
align-items: center;
|
|
182
|
-
gap: 10px;
|
|
183
|
-
padding: 10px;
|
|
184
|
-
border-radius: 12px;
|
|
185
|
-
background: rgba(255,255,255,0.40);
|
|
186
|
-
cursor: pointer;
|
|
187
|
-
}
|
|
188
|
-
.avatar {
|
|
189
|
-
width: 32px;
|
|
190
|
-
height: 32px;
|
|
191
|
-
border-radius: 50%;
|
|
192
|
-
background: var(--accent-gradient);
|
|
193
|
-
display: flex;
|
|
194
|
-
align-items: center;
|
|
195
|
-
justify-content: center;
|
|
196
|
-
font-size: 12px;
|
|
197
|
-
font-weight: 700;
|
|
198
|
-
color: #fff;
|
|
199
|
-
flex-shrink: 0;
|
|
200
|
-
}
|
|
201
|
-
.user-name { font-size: 12.5px; font-weight: 600; color: var(--text-heading); }
|
|
202
|
-
.user-role { font-size: 11px; color: var(--text-secondary); }
|
|
203
|
-
|
|
204
|
-
/* ── Main ── */
|
|
205
|
-
.main {
|
|
206
|
-
flex: 1;
|
|
207
|
-
display: flex;
|
|
208
|
-
flex-direction: column;
|
|
209
|
-
overflow: hidden;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
/* ── Top bar ── */
|
|
213
|
-
.topbar {
|
|
214
|
-
height: 60px;
|
|
215
|
-
background: rgba(255,255,255,0.70);
|
|
216
|
-
backdrop-filter: blur(20px);
|
|
217
|
-
-webkit-backdrop-filter: blur(20px);
|
|
218
|
-
border-bottom: 1px solid rgba(255,255,255,0.40);
|
|
219
|
-
display: flex;
|
|
220
|
-
align-items: center;
|
|
221
|
-
padding: 0 28px;
|
|
222
|
-
gap: 16px;
|
|
223
|
-
flex-shrink: 0;
|
|
224
|
-
position: sticky;
|
|
225
|
-
top: 0;
|
|
226
|
-
z-index: 10;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
.topbar-title {
|
|
230
|
-
font-size: 13.5px;
|
|
231
|
-
font-weight: 600;
|
|
232
|
-
color: var(--text-heading);
|
|
233
|
-
flex: 1;
|
|
234
|
-
white-space: nowrap;
|
|
235
|
-
overflow: hidden;
|
|
236
|
-
text-overflow: ellipsis;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.skill-badge {
|
|
240
|
-
background: var(--accent-gradient);
|
|
241
|
-
color: #fff;
|
|
242
|
-
font-size: 10.5px;
|
|
243
|
-
font-weight: 600;
|
|
244
|
-
padding: 4px 10px;
|
|
245
|
-
border-radius: 20px;
|
|
246
|
-
letter-spacing: 0.02em;
|
|
247
|
-
white-space: nowrap;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
.topbar-actions {
|
|
251
|
-
display: flex;
|
|
252
|
-
align-items: center;
|
|
253
|
-
gap: 10px;
|
|
254
|
-
}
|
|
255
|
-
.topbar-btn {
|
|
256
|
-
width: 36px;
|
|
257
|
-
height: 36px;
|
|
258
|
-
border-radius: 10px;
|
|
259
|
-
background: rgba(255,255,255,0.60);
|
|
260
|
-
border: 1px solid rgba(255,255,255,0.50);
|
|
261
|
-
display: flex;
|
|
262
|
-
align-items: center;
|
|
263
|
-
justify-content: center;
|
|
264
|
-
cursor: pointer;
|
|
265
|
-
color: var(--text-secondary);
|
|
266
|
-
}
|
|
267
|
-
.topbar-btn svg { width: 16px; height: 16px; }
|
|
268
|
-
|
|
269
|
-
.search-bar {
|
|
270
|
-
display: flex;
|
|
271
|
-
align-items: center;
|
|
272
|
-
gap: 8px;
|
|
273
|
-
background: rgba(255,255,255,0.60);
|
|
274
|
-
border: 1px solid rgba(255,255,255,0.50);
|
|
275
|
-
border-radius: 10px;
|
|
276
|
-
padding: 0 12px;
|
|
277
|
-
height: 36px;
|
|
278
|
-
color: var(--text-secondary);
|
|
279
|
-
font-size: 13px;
|
|
280
|
-
}
|
|
281
|
-
.search-bar svg { width: 14px; height: 14px; flex-shrink: 0; }
|
|
282
|
-
|
|
283
|
-
/* ── Content ── */
|
|
284
|
-
.content {
|
|
285
|
-
flex: 1;
|
|
286
|
-
overflow-y: auto;
|
|
287
|
-
padding: 28px 32px 40px;
|
|
288
|
-
}
|
|
289
|
-
.content::-webkit-scrollbar { width: 6px; }
|
|
290
|
-
.content::-webkit-scrollbar-track { background: transparent; }
|
|
291
|
-
.content::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.2); border-radius: 3px; }
|
|
292
|
-
|
|
293
|
-
.page-header {
|
|
294
|
-
margin-bottom: 28px;
|
|
295
|
-
}
|
|
296
|
-
.page-eyebrow {
|
|
297
|
-
font-size: 11px;
|
|
298
|
-
font-weight: 600;
|
|
299
|
-
color: var(--accent);
|
|
300
|
-
text-transform: uppercase;
|
|
301
|
-
letter-spacing: 0.1em;
|
|
302
|
-
margin-bottom: 6px;
|
|
303
|
-
}
|
|
304
|
-
.page-title {
|
|
305
|
-
font-size: 26px;
|
|
306
|
-
font-weight: 700;
|
|
307
|
-
color: var(--text-heading);
|
|
308
|
-
letter-spacing: -0.5px;
|
|
309
|
-
line-height: 1.2;
|
|
310
|
-
}
|
|
311
|
-
.page-subtitle {
|
|
312
|
-
font-size: 13px;
|
|
313
|
-
color: var(--text-secondary);
|
|
314
|
-
margin-top: 6px;
|
|
315
|
-
line-height: 1.6;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
/* ── Glass card ── */
|
|
319
|
-
.glass-card {
|
|
320
|
-
background: rgba(255,255,255,0.60);
|
|
321
|
-
backdrop-filter: blur(16px);
|
|
322
|
-
-webkit-backdrop-filter: blur(16px);
|
|
323
|
-
border: 1px solid rgba(255,255,255,0.40);
|
|
324
|
-
border-radius: 16px;
|
|
325
|
-
box-shadow: var(--shadow-violet);
|
|
326
|
-
position: relative;
|
|
327
|
-
overflow: hidden;
|
|
328
|
-
}
|
|
329
|
-
.glass-card::before {
|
|
330
|
-
content: '';
|
|
331
|
-
position: absolute;
|
|
332
|
-
top: 0; left: 0; right: 0;
|
|
333
|
-
height: 50%;
|
|
334
|
-
background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, transparent 50%);
|
|
335
|
-
pointer-events: none;
|
|
336
|
-
z-index: 0;
|
|
337
|
-
border-radius: 16px 16px 0 0;
|
|
338
|
-
}
|
|
339
|
-
.glass-card > * { position: relative; z-index: 1; }
|
|
340
|
-
|
|
341
|
-
/* ── Stat cards ── */
|
|
342
|
-
.stats-grid {
|
|
343
|
-
display: grid;
|
|
344
|
-
grid-template-columns: repeat(3, 1fr);
|
|
345
|
-
gap: 16px;
|
|
346
|
-
margin-bottom: 20px;
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
.stat-card {
|
|
350
|
-
padding: 22px 22px 20px;
|
|
351
|
-
}
|
|
352
|
-
.stat-header {
|
|
353
|
-
display: flex;
|
|
354
|
-
align-items: flex-start;
|
|
355
|
-
justify-content: space-between;
|
|
356
|
-
margin-bottom: 16px;
|
|
357
|
-
}
|
|
358
|
-
.stat-icon-wrap {
|
|
359
|
-
width: 40px;
|
|
360
|
-
height: 40px;
|
|
361
|
-
border-radius: 12px;
|
|
362
|
-
background: rgba(124,58,237,0.10);
|
|
363
|
-
display: flex;
|
|
364
|
-
align-items: center;
|
|
365
|
-
justify-content: center;
|
|
366
|
-
}
|
|
367
|
-
.stat-icon-wrap.blue { background: rgba(59,130,246,0.10); }
|
|
368
|
-
.stat-icon-wrap svg { width: 18px; height: 18px; }
|
|
369
|
-
|
|
370
|
-
.stat-delta {
|
|
371
|
-
display: flex;
|
|
372
|
-
align-items: center;
|
|
373
|
-
gap: 3px;
|
|
374
|
-
font-size: 11px;
|
|
375
|
-
font-weight: 600;
|
|
376
|
-
color: #10B981;
|
|
377
|
-
background: rgba(16,185,129,0.10);
|
|
378
|
-
padding: 3px 8px;
|
|
379
|
-
border-radius: 20px;
|
|
380
|
-
}
|
|
381
|
-
.stat-delta.down { color: #EF4444; background: rgba(239,68,68,0.10); }
|
|
382
|
-
.stat-delta svg { width: 11px; height: 11px; }
|
|
383
|
-
|
|
384
|
-
.stat-value {
|
|
385
|
-
font-size: 32px;
|
|
386
|
-
font-weight: 700;
|
|
387
|
-
letter-spacing: -1px;
|
|
388
|
-
line-height: 1;
|
|
389
|
-
background: var(--accent-gradient);
|
|
390
|
-
-webkit-background-clip: text;
|
|
391
|
-
-webkit-text-fill-color: transparent;
|
|
392
|
-
background-clip: text;
|
|
393
|
-
margin-bottom: 6px;
|
|
394
|
-
}
|
|
395
|
-
.stat-label {
|
|
396
|
-
font-size: 12.5px;
|
|
397
|
-
color: var(--text-secondary);
|
|
398
|
-
font-weight: 500;
|
|
399
|
-
}
|
|
400
|
-
.stat-sublabel {
|
|
401
|
-
font-size: 11px;
|
|
402
|
-
color: var(--text-secondary);
|
|
403
|
-
margin-top: 12px;
|
|
404
|
-
padding-top: 12px;
|
|
405
|
-
border-top: 1px solid rgba(255,255,255,0.50);
|
|
406
|
-
}
|
|
407
|
-
.stat-sublabel span { color: var(--text-body); font-weight: 600; }
|
|
408
|
-
|
|
409
|
-
/* Mini sparkline */
|
|
410
|
-
.sparkline { margin-top: 12px; }
|
|
411
|
-
.spark-bar-row {
|
|
412
|
-
display: flex;
|
|
413
|
-
align-items: flex-end;
|
|
414
|
-
gap: 3px;
|
|
415
|
-
height: 28px;
|
|
416
|
-
}
|
|
417
|
-
.spark-bar {
|
|
418
|
-
flex: 1;
|
|
419
|
-
background: rgba(124,58,237,0.15);
|
|
420
|
-
border-radius: 3px;
|
|
421
|
-
transition: background 0.15s;
|
|
422
|
-
}
|
|
423
|
-
.spark-bar.active { background: var(--accent-gradient); }
|
|
424
|
-
|
|
425
|
-
/* ── Content grid ── */
|
|
426
|
-
.content-grid {
|
|
427
|
-
display: grid;
|
|
428
|
-
grid-template-columns: 1fr 340px;
|
|
429
|
-
gap: 16px;
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
/* ── Table card ── */
|
|
433
|
-
.card-header {
|
|
434
|
-
display: flex;
|
|
435
|
-
align-items: center;
|
|
436
|
-
justify-content: space-between;
|
|
437
|
-
padding: 20px 22px 16px;
|
|
438
|
-
border-bottom: 1px solid rgba(255,255,255,0.40);
|
|
439
|
-
}
|
|
440
|
-
.card-title {
|
|
441
|
-
font-size: 14px;
|
|
442
|
-
font-weight: 700;
|
|
443
|
-
color: var(--text-heading);
|
|
444
|
-
letter-spacing: -0.2px;
|
|
445
|
-
}
|
|
446
|
-
.card-subtitle {
|
|
447
|
-
font-size: 11.5px;
|
|
448
|
-
color: var(--text-secondary);
|
|
449
|
-
margin-top: 2px;
|
|
450
|
-
}
|
|
451
|
-
.card-action {
|
|
452
|
-
font-size: 12px;
|
|
453
|
-
color: var(--accent);
|
|
454
|
-
font-weight: 600;
|
|
455
|
-
cursor: pointer;
|
|
456
|
-
white-space: nowrap;
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
table {
|
|
460
|
-
width: 100%;
|
|
461
|
-
border-collapse: collapse;
|
|
462
|
-
}
|
|
463
|
-
thead th {
|
|
464
|
-
padding: 10px 22px;
|
|
465
|
-
text-align: left;
|
|
466
|
-
font-size: 11px;
|
|
467
|
-
font-weight: 600;
|
|
468
|
-
color: var(--text-secondary);
|
|
469
|
-
text-transform: uppercase;
|
|
470
|
-
letter-spacing: 0.07em;
|
|
471
|
-
background: rgba(255,255,255,0.30);
|
|
472
|
-
}
|
|
473
|
-
tbody tr {
|
|
474
|
-
border-top: 1px solid rgba(255,255,255,0.35);
|
|
475
|
-
}
|
|
476
|
-
tbody tr:hover {
|
|
477
|
-
background: rgba(124,58,237,0.04);
|
|
478
|
-
}
|
|
479
|
-
tbody td {
|
|
480
|
-
padding: 13px 22px;
|
|
481
|
-
font-size: 13px;
|
|
482
|
-
color: var(--text-body);
|
|
483
|
-
vertical-align: middle;
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
.tx-name { font-weight: 600; color: var(--text-heading); }
|
|
487
|
-
.tx-sub { font-size: 11px; color: var(--text-secondary); margin-top: 1px; }
|
|
488
|
-
|
|
489
|
-
.tx-amount {
|
|
490
|
-
font-weight: 700;
|
|
491
|
-
font-size: 14px;
|
|
492
|
-
color: var(--text-heading);
|
|
493
|
-
}
|
|
494
|
-
.tx-amount.positive { color: #10B981; }
|
|
495
|
-
|
|
496
|
-
.status-badge {
|
|
497
|
-
display: inline-flex;
|
|
498
|
-
align-items: center;
|
|
499
|
-
gap: 4px;
|
|
500
|
-
padding: 3px 9px;
|
|
501
|
-
border-radius: 20px;
|
|
502
|
-
font-size: 11px;
|
|
503
|
-
font-weight: 600;
|
|
504
|
-
}
|
|
505
|
-
.status-badge::before {
|
|
506
|
-
content: '';
|
|
507
|
-
width: 6px;
|
|
508
|
-
height: 6px;
|
|
509
|
-
border-radius: 50%;
|
|
510
|
-
background: currentColor;
|
|
511
|
-
flex-shrink: 0;
|
|
512
|
-
}
|
|
513
|
-
.badge-success { background: rgba(16,185,129,0.12); color: #10B981; }
|
|
514
|
-
.badge-pending { background: rgba(245,158,11,0.12); color: #D97706; }
|
|
515
|
-
.badge-failed { background: rgba(239,68,68,0.12); color: #EF4444; }
|
|
516
|
-
|
|
517
|
-
.tx-date { font-size: 12px; color: var(--text-secondary); }
|
|
518
|
-
|
|
519
|
-
/* ── Activity card ── */
|
|
520
|
-
.activity-list { padding: 4px 0 8px; }
|
|
521
|
-
.activity-item {
|
|
522
|
-
display: flex;
|
|
523
|
-
align-items: flex-start;
|
|
524
|
-
gap: 12px;
|
|
525
|
-
padding: 14px 22px;
|
|
526
|
-
border-bottom: 1px solid rgba(255,255,255,0.35);
|
|
527
|
-
}
|
|
528
|
-
.activity-item:last-child { border-bottom: none; }
|
|
529
|
-
|
|
530
|
-
.act-avatar {
|
|
531
|
-
width: 34px;
|
|
532
|
-
height: 34px;
|
|
533
|
-
border-radius: 50%;
|
|
534
|
-
display: flex;
|
|
535
|
-
align-items: center;
|
|
536
|
-
justify-content: center;
|
|
537
|
-
font-size: 12px;
|
|
538
|
-
font-weight: 700;
|
|
539
|
-
color: #fff;
|
|
540
|
-
flex-shrink: 0;
|
|
541
|
-
}
|
|
542
|
-
.av-violet { background: linear-gradient(135deg, #7C3AED, #9F5FFF); }
|
|
543
|
-
.av-blue { background: linear-gradient(135deg, #3B82F6, #60A5FA); }
|
|
544
|
-
.av-teal { background: linear-gradient(135deg, #14B8A6, #2DD4BF); }
|
|
545
|
-
.av-pink { background: linear-gradient(135deg, #EC4899, #F472B6); }
|
|
546
|
-
|
|
547
|
-
.act-body { flex: 1; min-width: 0; }
|
|
548
|
-
.act-text { font-size: 12.5px; color: var(--text-body); line-height: 1.5; }
|
|
549
|
-
.act-text strong { color: var(--text-heading); font-weight: 600; }
|
|
550
|
-
.act-time { font-size: 11px; color: var(--text-secondary); margin-top: 3px; }
|
|
551
|
-
|
|
552
|
-
/* ── CTA Button ── */
|
|
553
|
-
.btn-primary {
|
|
554
|
-
display: inline-flex;
|
|
555
|
-
align-items: center;
|
|
556
|
-
gap: 6px;
|
|
557
|
-
background: var(--accent-gradient);
|
|
558
|
-
color: #fff;
|
|
559
|
-
border: none;
|
|
560
|
-
border-radius: 10px;
|
|
561
|
-
padding: 9px 18px;
|
|
562
|
-
font-size: 13px;
|
|
563
|
-
font-weight: 600;
|
|
564
|
-
cursor: pointer;
|
|
565
|
-
font-family: inherit;
|
|
566
|
-
}
|
|
567
|
-
.btn-primary svg { width: 14px; height: 14px; }
|
|
568
|
-
|
|
569
|
-
/* ── Watermark ── */
|
|
570
|
-
.watermark {
|
|
571
|
-
position: fixed;
|
|
572
|
-
top: 14px;
|
|
573
|
-
right: 16px;
|
|
574
|
-
background: rgba(255,255,255,0.75);
|
|
575
|
-
backdrop-filter: blur(10px);
|
|
576
|
-
border: 1px solid rgba(255,255,255,0.50);
|
|
577
|
-
border-radius: 20px;
|
|
578
|
-
padding: 4px 12px;
|
|
579
|
-
font-size: 10.5px;
|
|
580
|
-
font-weight: 600;
|
|
581
|
-
color: var(--accent);
|
|
582
|
-
z-index: 100;
|
|
583
|
-
letter-spacing: 0.02em;
|
|
584
|
-
box-shadow: 0 2px 8px rgba(124,58,237,0.12);
|
|
585
|
-
}
|
|
586
|
-
</style>
|
|
587
|
-
</head>
|
|
588
|
-
<body>
|
|
589
|
-
|
|
590
|
-
<div class="watermark">AIOSON Design Skill Preview</div>
|
|
591
|
-
|
|
592
|
-
<div class="shell">
|
|
593
|
-
<!-- Sidebar -->
|
|
594
|
-
<aside class="sidebar">
|
|
595
|
-
<div class="sidebar-logo">
|
|
596
|
-
<div class="logo-mark">
|
|
597
|
-
<div class="logo-icon">
|
|
598
|
-
<svg viewBox="0 0 16 16"><path d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"/><path d="M8 5a1 1 0 0 1 1 1v2.586l1.707 1.707a1 1 0 0 1-1.414 1.414l-2-2A1 1 0 0 1 7 9V6a1 1 0 0 1 1-1z"/></svg>
|
|
599
|
-
</div>
|
|
600
|
-
<div>
|
|
601
|
-
<div class="logo-text">Lumina</div>
|
|
602
|
-
<div class="logo-sub">Analytics Suite</div>
|
|
603
|
-
</div>
|
|
604
|
-
</div>
|
|
605
|
-
</div>
|
|
606
|
-
|
|
607
|
-
<nav class="nav-section">
|
|
608
|
-
<div class="nav-label">Menu</div>
|
|
609
|
-
|
|
610
|
-
<div class="nav-item active">
|
|
611
|
-
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
612
|
-
<path d="M10.707 2.293a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 1.414 1.414L4 10.414V17a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-6.586l.293.293a1 1 0 0 0 1.414-1.414l-7-7z"/>
|
|
613
|
-
</svg>
|
|
614
|
-
Dashboard
|
|
615
|
-
<span class="nav-badge">3</span>
|
|
616
|
-
</div>
|
|
617
|
-
|
|
618
|
-
<div class="nav-item">
|
|
619
|
-
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
620
|
-
<path d="M2 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5zm6-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V7zm6-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4z"/>
|
|
621
|
-
</svg>
|
|
622
|
-
Analytics
|
|
623
|
-
</div>
|
|
624
|
-
|
|
625
|
-
<div class="nav-item">
|
|
626
|
-
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
627
|
-
<path fill-rule="evenodd" d="M6 2a1 1 0 0 0-1 1v1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1zM4 8h12v8H4V8z" clip-rule="evenodd"/>
|
|
628
|
-
</svg>
|
|
629
|
-
Portfolio
|
|
630
|
-
</div>
|
|
631
|
-
|
|
632
|
-
<div class="nav-item">
|
|
633
|
-
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
634
|
-
<path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 0 1-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 0 1 .947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 0 1 2.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 0 1 2.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 0 1 .947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 0 1-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 0 1-2.287-.947zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" clip-rule="evenodd"/>
|
|
635
|
-
</svg>
|
|
636
|
-
Settings
|
|
637
|
-
</div>
|
|
638
|
-
|
|
639
|
-
<div style="margin-top: 20px;" class="nav-label">Workspaces</div>
|
|
640
|
-
|
|
641
|
-
<div class="nav-item">
|
|
642
|
-
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
643
|
-
<path d="M9 12h2m-1-1v2M8.5 6h3M7 3h6l2 3H5L7 3zm-3 4v10h12V7H4z"/>
|
|
644
|
-
</svg>
|
|
645
|
-
Projects
|
|
646
|
-
<span class="nav-badge">12</span>
|
|
647
|
-
</div>
|
|
648
|
-
</nav>
|
|
649
|
-
|
|
650
|
-
<div class="sidebar-footer">
|
|
651
|
-
<div class="user-card">
|
|
652
|
-
<div class="avatar">EL</div>
|
|
653
|
-
<div>
|
|
654
|
-
<div class="user-name">Elena López</div>
|
|
655
|
-
<div class="user-role">Admin · Pro plan</div>
|
|
656
|
-
</div>
|
|
657
|
-
</div>
|
|
658
|
-
</div>
|
|
659
|
-
</aside>
|
|
660
|
-
|
|
661
|
-
<!-- Main -->
|
|
662
|
-
<div class="main">
|
|
663
|
-
<header class="topbar">
|
|
664
|
-
<span class="topbar-title">Glassmorphism UI — AIOSON Design Skill Preview</span>
|
|
665
|
-
<div class="skill-badge">Glass · Blur · Gradient</div>
|
|
666
|
-
<div class="topbar-actions">
|
|
667
|
-
<div class="search-bar">
|
|
668
|
-
<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM2 8a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 2 8z" clip-rule="evenodd"/></svg>
|
|
669
|
-
Search...
|
|
670
|
-
</div>
|
|
671
|
-
<div class="topbar-btn">
|
|
672
|
-
<svg viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 0 0-6 6v3.586l-.707.707A1 1 0 0 0 4 14h12a1 1 0 0 0 .707-1.707L16 11.586V8a6 6 0 0 0-6-6zm0 16a3 3 0 0 1-2.83-2h5.66A3 3 0 0 1 10 18z"/></svg>
|
|
673
|
-
</div>
|
|
674
|
-
</div>
|
|
675
|
-
</header>
|
|
676
|
-
|
|
677
|
-
<div class="content">
|
|
678
|
-
<!-- Page header -->
|
|
679
|
-
<div class="page-header">
|
|
680
|
-
<div class="page-eyebrow">Overview</div>
|
|
681
|
-
<h1 class="page-title">Good morning, Elena ✦</h1>
|
|
682
|
-
<p class="page-subtitle">Here's what's happening with your portfolio today, March 28 2026.</p>
|
|
683
|
-
</div>
|
|
684
|
-
|
|
685
|
-
<!-- Stat cards -->
|
|
686
|
-
<div class="stats-grid">
|
|
687
|
-
|
|
688
|
-
<!-- Revenue -->
|
|
689
|
-
<div class="glass-card stat-card">
|
|
690
|
-
<div class="stat-header">
|
|
691
|
-
<div class="stat-icon-wrap">
|
|
692
|
-
<svg viewBox="0 0 20 20" fill="#7C3AED"><path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 0 1-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zm1.567.267v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 0 1-.567.267zm0 3.048v-1.098c.22.054.413.127.567.227.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.29 2.29 0 0 1-.567.227zm-1.7-1.098v1.098a2.29 2.29 0 0 1-.567-.227C7.07 10.34 7 10.114 7 10c0-.114.07-.34.433-.582.154-.1.347-.173.567-.227zM10 2a8 8 0 1 0 0 16A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12A6 6 0 0 1 10 4zm-1 5V6h2v.293A3.2 3.2 0 0 1 11.433 6.5C12.39 7.122 13 7.992 13 9s-.61 1.878-1.567 2.5A3.2 3.2 0 0 1 11 11.707V12H9v-.293A3.2 3.2 0 0 1 8.567 11.5C7.61 10.878 7 10.008 7 9s.61-1.878 1.567-2.5A3.2 3.2 0 0 1 9 6.293V6h0V9z"/></svg>
|
|
693
|
-
</div>
|
|
694
|
-
<div class="stat-delta">
|
|
695
|
-
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 2l4 4H7v4H5V6H2l4-4z"/></svg>
|
|
696
|
-
+12.4%
|
|
697
|
-
</div>
|
|
698
|
-
</div>
|
|
699
|
-
<div class="stat-value">$128,400</div>
|
|
700
|
-
<div class="stat-label">Total Revenue</div>
|
|
701
|
-
<div class="stat-sublabel">vs last month: <span>$114,200</span></div>
|
|
702
|
-
<div class="sparkline">
|
|
703
|
-
<div class="spark-bar-row">
|
|
704
|
-
<div class="spark-bar" style="height:40%"></div>
|
|
705
|
-
<div class="spark-bar" style="height:55%"></div>
|
|
706
|
-
<div class="spark-bar" style="height:45%"></div>
|
|
707
|
-
<div class="spark-bar" style="height:70%"></div>
|
|
708
|
-
<div class="spark-bar" style="height:60%"></div>
|
|
709
|
-
<div class="spark-bar" style="height:80%"></div>
|
|
710
|
-
<div class="spark-bar active" style="height:100%"></div>
|
|
711
|
-
</div>
|
|
712
|
-
</div>
|
|
713
|
-
</div>
|
|
714
|
-
|
|
715
|
-
<!-- Active Users -->
|
|
716
|
-
<div class="glass-card stat-card">
|
|
717
|
-
<div class="stat-header">
|
|
718
|
-
<div class="stat-icon-wrap blue">
|
|
719
|
-
<svg viewBox="0 0 20 20" fill="#3B82F6"><path d="M9 6a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm2 9.5c0-.83.177-1.615.49-2.322A5.01 5.01 0 0 0 7 17H5a1 1 0 0 1-1-1v-.5C4 13.015 6.686 11 10 11c.341 0 .678.02 1.008.058A6.002 6.002 0 0 0 11 13v2.5h-1zm6 .5h-3v-3h3v3zm1.5 0h-1v-3.5a.5.5 0 0 0-.5-.5H16v-1h-2a2 2 0 0 0-2 2V16h-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM1 9.5C1 7.015 3.686 5 7 5a5.99 5.99 0 0 1 1.994.343A4.967 4.967 0 0 0 8 7a4.99 4.99 0 0 0 2.24 4.195A7.03 7.03 0 0 0 7 11C3.686 11 1 13.015 1 15.5V16a1 1 0 0 0 1 1h3v-1H3v-.5a3.002 3.002 0 0 1 .834-2.08A6.988 6.988 0 0 1 1 9.5z"/></svg>
|
|
720
|
-
</div>
|
|
721
|
-
<div class="stat-delta">
|
|
722
|
-
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 2l4 4H7v4H5V6H2l4-4z"/></svg>
|
|
723
|
-
+8.1%
|
|
724
|
-
</div>
|
|
725
|
-
</div>
|
|
726
|
-
<div class="stat-value">2,847</div>
|
|
727
|
-
<div class="stat-label">Active Users</div>
|
|
728
|
-
<div class="stat-sublabel">Daily active: <span>412 online now</span></div>
|
|
729
|
-
<div class="sparkline">
|
|
730
|
-
<div class="spark-bar-row">
|
|
731
|
-
<div class="spark-bar" style="height:60%"></div>
|
|
732
|
-
<div class="spark-bar" style="height:45%"></div>
|
|
733
|
-
<div class="spark-bar" style="height:75%"></div>
|
|
734
|
-
<div class="spark-bar" style="height:65%"></div>
|
|
735
|
-
<div class="spark-bar" style="height:85%"></div>
|
|
736
|
-
<div class="spark-bar" style="height:70%"></div>
|
|
737
|
-
<div class="spark-bar active" style="height:95%"></div>
|
|
738
|
-
</div>
|
|
739
|
-
</div>
|
|
740
|
-
</div>
|
|
741
|
-
|
|
742
|
-
<!-- Conversion -->
|
|
743
|
-
<div class="glass-card stat-card">
|
|
744
|
-
<div class="stat-header">
|
|
745
|
-
<div class="stat-icon-wrap">
|
|
746
|
-
<svg viewBox="0 0 20 20" fill="#7C3AED"><path fill-rule="evenodd" d="M12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 9a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0 2A8 8 0 1 0 11 3a8 8 0 0 0 0 16zm1-11.5a.5.5 0 0 1 .5.5v1.382l.894.447A.5.5 0 0 1 13 9h-2a.5.5 0 0 1-.224-.947L12 7.618V6.5a.5.5 0 0 1 .5-.5z" clip-rule="evenodd"/></svg>
|
|
747
|
-
</div>
|
|
748
|
-
<div class="stat-delta down">
|
|
749
|
-
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 10L2 6h3V2h2v4h3l-4 4z"/></svg>
|
|
750
|
-
-0.3%
|
|
751
|
-
</div>
|
|
752
|
-
</div>
|
|
753
|
-
<div class="stat-value">3.24%</div>
|
|
754
|
-
<div class="stat-label">Conversion Rate</div>
|
|
755
|
-
<div class="stat-sublabel">Goal: <span>4.0%</span> · 81% attained</div>
|
|
756
|
-
<div class="sparkline">
|
|
757
|
-
<div class="spark-bar-row">
|
|
758
|
-
<div class="spark-bar" style="height:85%"></div>
|
|
759
|
-
<div class="spark-bar" style="height:90%"></div>
|
|
760
|
-
<div class="spark-bar" style="height:78%"></div>
|
|
761
|
-
<div class="spark-bar" style="height:95%"></div>
|
|
762
|
-
<div class="spark-bar" style="height:72%"></div>
|
|
763
|
-
<div class="spark-bar" style="height:80%"></div>
|
|
764
|
-
<div class="spark-bar active" style="height:70%"></div>
|
|
765
|
-
</div>
|
|
766
|
-
</div>
|
|
767
|
-
</div>
|
|
768
|
-
|
|
769
|
-
</div>
|
|
770
|
-
|
|
771
|
-
<!-- Content grid -->
|
|
772
|
-
<div class="content-grid">
|
|
773
|
-
|
|
774
|
-
<!-- Transactions table -->
|
|
775
|
-
<div class="glass-card">
|
|
776
|
-
<div class="card-header">
|
|
777
|
-
<div>
|
|
778
|
-
<div class="card-title">Recent Transactions</div>
|
|
779
|
-
<div class="card-subtitle">Last 4 payments processed</div>
|
|
780
|
-
</div>
|
|
781
|
-
<button class="btn-primary">
|
|
782
|
-
<svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 2a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2H9v4a1 1 0 1 1-2 0V9H3a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1z"/></svg>
|
|
783
|
-
New
|
|
784
|
-
</button>
|
|
785
|
-
</div>
|
|
786
|
-
<table>
|
|
787
|
-
<thead>
|
|
788
|
-
<tr>
|
|
789
|
-
<th>Recipient</th>
|
|
790
|
-
<th>Amount</th>
|
|
791
|
-
<th>Status</th>
|
|
792
|
-
<th>Date</th>
|
|
793
|
-
</tr>
|
|
794
|
-
</thead>
|
|
795
|
-
<tbody>
|
|
796
|
-
<tr>
|
|
797
|
-
<td>
|
|
798
|
-
<div class="tx-name">Acme Corp</div>
|
|
799
|
-
<div class="tx-sub">Invoice #4821</div>
|
|
800
|
-
</td>
|
|
801
|
-
<td><div class="tx-amount positive">+$12,500</div></td>
|
|
802
|
-
<td><span class="status-badge badge-success">Completed</span></td>
|
|
803
|
-
<td><div class="tx-date">Mar 28, 2026</div></td>
|
|
804
|
-
</tr>
|
|
805
|
-
<tr>
|
|
806
|
-
<td>
|
|
807
|
-
<div class="tx-name">Stripe Payout</div>
|
|
808
|
-
<div class="tx-sub">Auto disbursement</div>
|
|
809
|
-
</td>
|
|
810
|
-
<td><div class="tx-amount positive">+$8,200</div></td>
|
|
811
|
-
<td><span class="status-badge badge-success">Completed</span></td>
|
|
812
|
-
<td><div class="tx-date">Mar 27, 2026</div></td>
|
|
813
|
-
</tr>
|
|
814
|
-
<tr>
|
|
815
|
-
<td>
|
|
816
|
-
<div class="tx-name">AWS Services</div>
|
|
817
|
-
<div class="tx-sub">Cloud infrastructure</div>
|
|
818
|
-
</td>
|
|
819
|
-
<td><div class="tx-amount" style="color: var(--text-heading);">-$3,140</div></td>
|
|
820
|
-
<td><span class="status-badge badge-pending">Pending</span></td>
|
|
821
|
-
<td><div class="tx-date">Mar 26, 2026</div></td>
|
|
822
|
-
</tr>
|
|
823
|
-
<tr>
|
|
824
|
-
<td>
|
|
825
|
-
<div class="tx-name">Figma Pro</div>
|
|
826
|
-
<div class="tx-sub">Subscription renewal</div>
|
|
827
|
-
</td>
|
|
828
|
-
<td><div class="tx-amount" style="color: var(--text-heading);">-$180</div></td>
|
|
829
|
-
<td><span class="status-badge badge-failed">Failed</span></td>
|
|
830
|
-
<td><div class="tx-date">Mar 25, 2026</div></td>
|
|
831
|
-
</tr>
|
|
832
|
-
</tbody>
|
|
833
|
-
</table>
|
|
834
|
-
<div style="padding: 12px 22px;">
|
|
835
|
-
<span class="card-action">View all transactions →</span>
|
|
836
|
-
</div>
|
|
837
|
-
</div>
|
|
838
|
-
|
|
839
|
-
<!-- Activity feed -->
|
|
840
|
-
<div class="glass-card">
|
|
841
|
-
<div class="card-header">
|
|
842
|
-
<div>
|
|
843
|
-
<div class="card-title">Recent Activity</div>
|
|
844
|
-
<div class="card-subtitle">Team updates</div>
|
|
845
|
-
</div>
|
|
846
|
-
<span class="card-action">See all</span>
|
|
847
|
-
</div>
|
|
848
|
-
<div class="activity-list">
|
|
849
|
-
<div class="activity-item">
|
|
850
|
-
<div class="act-avatar av-violet">MK</div>
|
|
851
|
-
<div class="act-body">
|
|
852
|
-
<div class="act-text"><strong>Maria K.</strong> deployed a new release to production</div>
|
|
853
|
-
<div class="act-time">2 minutes ago</div>
|
|
854
|
-
</div>
|
|
855
|
-
</div>
|
|
856
|
-
<div class="activity-item">
|
|
857
|
-
<div class="act-avatar av-blue">JD</div>
|
|
858
|
-
<div class="act-body">
|
|
859
|
-
<div class="act-text"><strong>James D.</strong> approved the Q2 budget report</div>
|
|
860
|
-
<div class="act-time">18 minutes ago</div>
|
|
861
|
-
</div>
|
|
862
|
-
</div>
|
|
863
|
-
<div class="activity-item">
|
|
864
|
-
<div class="act-avatar av-teal">SR</div>
|
|
865
|
-
<div class="act-body">
|
|
866
|
-
<div class="act-text"><strong>Sara R.</strong> added 3 new clients to Portfolio</div>
|
|
867
|
-
<div class="act-time">1 hour ago</div>
|
|
868
|
-
</div>
|
|
869
|
-
</div>
|
|
870
|
-
<div class="activity-item">
|
|
871
|
-
<div class="act-avatar av-pink">AN</div>
|
|
872
|
-
<div class="act-body">
|
|
873
|
-
<div class="act-text"><strong>Alex N.</strong> updated pricing for Enterprise tier</div>
|
|
874
|
-
<div class="act-time">3 hours ago</div>
|
|
875
|
-
</div>
|
|
876
|
-
</div>
|
|
877
|
-
</div>
|
|
878
|
-
</div>
|
|
879
|
-
|
|
880
|
-
</div>
|
|
881
|
-
</div>
|
|
882
|
-
</div>
|
|
883
|
-
</div>
|
|
884
|
-
|
|
885
|
-
</body>
|
|
886
|
-
</html>
|
|
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.0" />
|
|
6
|
+
<title>Glassmorphism UI — AIOSON Design Skill Preview</title>
|
|
7
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
8
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
9
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
|
10
|
+
<style>
|
|
11
|
+
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
--accent: #7C3AED;
|
|
15
|
+
--accent-2: #3B82F6;
|
|
16
|
+
--accent-gradient: linear-gradient(135deg, #7C3AED, #3B82F6);
|
|
17
|
+
--text-heading: #1A1A2E;
|
|
18
|
+
--text-body: #2D2D44;
|
|
19
|
+
--text-secondary: #6B6B8A;
|
|
20
|
+
--shadow-violet: 0 8px 24px rgba(124, 58, 237, 0.08);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
html, body {
|
|
24
|
+
height: 100%;
|
|
25
|
+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
26
|
+
font-size: 14px;
|
|
27
|
+
color: var(--text-body);
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
body {
|
|
32
|
+
background: linear-gradient(135deg, #F0EEF6 0%, #E0DFF0 30%, #D8E0F0 70%, #EDE8F0 100%);
|
|
33
|
+
background-attachment: fixed;
|
|
34
|
+
min-height: 100vh;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Decorative blobs */
|
|
38
|
+
body::before {
|
|
39
|
+
content: '';
|
|
40
|
+
position: fixed;
|
|
41
|
+
top: -120px;
|
|
42
|
+
right: -80px;
|
|
43
|
+
width: 480px;
|
|
44
|
+
height: 480px;
|
|
45
|
+
background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%);
|
|
46
|
+
border-radius: 50%;
|
|
47
|
+
pointer-events: none;
|
|
48
|
+
z-index: 0;
|
|
49
|
+
}
|
|
50
|
+
body::after {
|
|
51
|
+
content: '';
|
|
52
|
+
position: fixed;
|
|
53
|
+
bottom: -100px;
|
|
54
|
+
left: -60px;
|
|
55
|
+
width: 400px;
|
|
56
|
+
height: 400px;
|
|
57
|
+
background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, transparent 70%);
|
|
58
|
+
border-radius: 50%;
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
z-index: 0;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* ── Layout ── */
|
|
64
|
+
.shell {
|
|
65
|
+
display: flex;
|
|
66
|
+
height: 100vh;
|
|
67
|
+
position: relative;
|
|
68
|
+
z-index: 1;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* ── Sidebar ── */
|
|
72
|
+
.sidebar {
|
|
73
|
+
width: 240px;
|
|
74
|
+
flex-shrink: 0;
|
|
75
|
+
background: rgba(255,255,255,0.55);
|
|
76
|
+
backdrop-filter: blur(16px);
|
|
77
|
+
-webkit-backdrop-filter: blur(16px);
|
|
78
|
+
border-right: 1px solid rgba(255,255,255,0.30);
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
padding: 0;
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.sidebar-logo {
|
|
86
|
+
padding: 28px 24px 24px;
|
|
87
|
+
border-bottom: 1px solid rgba(255,255,255,0.30);
|
|
88
|
+
}
|
|
89
|
+
.sidebar-logo .logo-mark {
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
gap: 10px;
|
|
93
|
+
}
|
|
94
|
+
.logo-icon {
|
|
95
|
+
width: 32px;
|
|
96
|
+
height: 32px;
|
|
97
|
+
background: var(--accent-gradient);
|
|
98
|
+
border-radius: 10px;
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
justify-content: center;
|
|
102
|
+
}
|
|
103
|
+
.logo-icon svg { width: 16px; height: 16px; fill: #fff; }
|
|
104
|
+
.logo-text {
|
|
105
|
+
font-weight: 700;
|
|
106
|
+
font-size: 15px;
|
|
107
|
+
color: var(--text-heading);
|
|
108
|
+
letter-spacing: -0.3px;
|
|
109
|
+
}
|
|
110
|
+
.logo-sub {
|
|
111
|
+
font-size: 10px;
|
|
112
|
+
color: var(--text-secondary);
|
|
113
|
+
margin-top: 1px;
|
|
114
|
+
font-weight: 400;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.nav-section {
|
|
118
|
+
padding: 20px 12px;
|
|
119
|
+
flex: 1;
|
|
120
|
+
}
|
|
121
|
+
.nav-label {
|
|
122
|
+
font-size: 10px;
|
|
123
|
+
font-weight: 600;
|
|
124
|
+
color: var(--text-secondary);
|
|
125
|
+
letter-spacing: 0.08em;
|
|
126
|
+
text-transform: uppercase;
|
|
127
|
+
padding: 0 12px;
|
|
128
|
+
margin-bottom: 8px;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.nav-item {
|
|
132
|
+
display: flex;
|
|
133
|
+
align-items: center;
|
|
134
|
+
gap: 10px;
|
|
135
|
+
padding: 10px 12px;
|
|
136
|
+
border-radius: 12px;
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
color: var(--text-secondary);
|
|
139
|
+
font-size: 13.5px;
|
|
140
|
+
font-weight: 500;
|
|
141
|
+
margin-bottom: 2px;
|
|
142
|
+
transition: all 0.15s ease;
|
|
143
|
+
border-left: 2px solid transparent;
|
|
144
|
+
position: relative;
|
|
145
|
+
}
|
|
146
|
+
.nav-item:hover {
|
|
147
|
+
background: rgba(124,58,237,0.06);
|
|
148
|
+
color: var(--text-body);
|
|
149
|
+
}
|
|
150
|
+
.nav-item.active {
|
|
151
|
+
background: rgba(124,58,237,0.12);
|
|
152
|
+
color: var(--accent);
|
|
153
|
+
border-left: 2px solid var(--accent);
|
|
154
|
+
}
|
|
155
|
+
.nav-item.active .nav-icon { color: var(--accent); }
|
|
156
|
+
|
|
157
|
+
.nav-icon {
|
|
158
|
+
width: 18px;
|
|
159
|
+
height: 18px;
|
|
160
|
+
flex-shrink: 0;
|
|
161
|
+
opacity: 0.7;
|
|
162
|
+
}
|
|
163
|
+
.nav-item.active .nav-icon { opacity: 1; }
|
|
164
|
+
|
|
165
|
+
.nav-badge {
|
|
166
|
+
margin-left: auto;
|
|
167
|
+
background: rgba(124,58,237,0.12);
|
|
168
|
+
color: var(--accent);
|
|
169
|
+
font-size: 10px;
|
|
170
|
+
font-weight: 600;
|
|
171
|
+
padding: 2px 7px;
|
|
172
|
+
border-radius: 20px;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.sidebar-footer {
|
|
176
|
+
padding: 16px 16px 20px;
|
|
177
|
+
border-top: 1px solid rgba(255,255,255,0.30);
|
|
178
|
+
}
|
|
179
|
+
.user-card {
|
|
180
|
+
display: flex;
|
|
181
|
+
align-items: center;
|
|
182
|
+
gap: 10px;
|
|
183
|
+
padding: 10px;
|
|
184
|
+
border-radius: 12px;
|
|
185
|
+
background: rgba(255,255,255,0.40);
|
|
186
|
+
cursor: pointer;
|
|
187
|
+
}
|
|
188
|
+
.avatar {
|
|
189
|
+
width: 32px;
|
|
190
|
+
height: 32px;
|
|
191
|
+
border-radius: 50%;
|
|
192
|
+
background: var(--accent-gradient);
|
|
193
|
+
display: flex;
|
|
194
|
+
align-items: center;
|
|
195
|
+
justify-content: center;
|
|
196
|
+
font-size: 12px;
|
|
197
|
+
font-weight: 700;
|
|
198
|
+
color: #fff;
|
|
199
|
+
flex-shrink: 0;
|
|
200
|
+
}
|
|
201
|
+
.user-name { font-size: 12.5px; font-weight: 600; color: var(--text-heading); }
|
|
202
|
+
.user-role { font-size: 11px; color: var(--text-secondary); }
|
|
203
|
+
|
|
204
|
+
/* ── Main ── */
|
|
205
|
+
.main {
|
|
206
|
+
flex: 1;
|
|
207
|
+
display: flex;
|
|
208
|
+
flex-direction: column;
|
|
209
|
+
overflow: hidden;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/* ── Top bar ── */
|
|
213
|
+
.topbar {
|
|
214
|
+
height: 60px;
|
|
215
|
+
background: rgba(255,255,255,0.70);
|
|
216
|
+
backdrop-filter: blur(20px);
|
|
217
|
+
-webkit-backdrop-filter: blur(20px);
|
|
218
|
+
border-bottom: 1px solid rgba(255,255,255,0.40);
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
padding: 0 28px;
|
|
222
|
+
gap: 16px;
|
|
223
|
+
flex-shrink: 0;
|
|
224
|
+
position: sticky;
|
|
225
|
+
top: 0;
|
|
226
|
+
z-index: 10;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.topbar-title {
|
|
230
|
+
font-size: 13.5px;
|
|
231
|
+
font-weight: 600;
|
|
232
|
+
color: var(--text-heading);
|
|
233
|
+
flex: 1;
|
|
234
|
+
white-space: nowrap;
|
|
235
|
+
overflow: hidden;
|
|
236
|
+
text-overflow: ellipsis;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.skill-badge {
|
|
240
|
+
background: var(--accent-gradient);
|
|
241
|
+
color: #fff;
|
|
242
|
+
font-size: 10.5px;
|
|
243
|
+
font-weight: 600;
|
|
244
|
+
padding: 4px 10px;
|
|
245
|
+
border-radius: 20px;
|
|
246
|
+
letter-spacing: 0.02em;
|
|
247
|
+
white-space: nowrap;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.topbar-actions {
|
|
251
|
+
display: flex;
|
|
252
|
+
align-items: center;
|
|
253
|
+
gap: 10px;
|
|
254
|
+
}
|
|
255
|
+
.topbar-btn {
|
|
256
|
+
width: 36px;
|
|
257
|
+
height: 36px;
|
|
258
|
+
border-radius: 10px;
|
|
259
|
+
background: rgba(255,255,255,0.60);
|
|
260
|
+
border: 1px solid rgba(255,255,255,0.50);
|
|
261
|
+
display: flex;
|
|
262
|
+
align-items: center;
|
|
263
|
+
justify-content: center;
|
|
264
|
+
cursor: pointer;
|
|
265
|
+
color: var(--text-secondary);
|
|
266
|
+
}
|
|
267
|
+
.topbar-btn svg { width: 16px; height: 16px; }
|
|
268
|
+
|
|
269
|
+
.search-bar {
|
|
270
|
+
display: flex;
|
|
271
|
+
align-items: center;
|
|
272
|
+
gap: 8px;
|
|
273
|
+
background: rgba(255,255,255,0.60);
|
|
274
|
+
border: 1px solid rgba(255,255,255,0.50);
|
|
275
|
+
border-radius: 10px;
|
|
276
|
+
padding: 0 12px;
|
|
277
|
+
height: 36px;
|
|
278
|
+
color: var(--text-secondary);
|
|
279
|
+
font-size: 13px;
|
|
280
|
+
}
|
|
281
|
+
.search-bar svg { width: 14px; height: 14px; flex-shrink: 0; }
|
|
282
|
+
|
|
283
|
+
/* ── Content ── */
|
|
284
|
+
.content {
|
|
285
|
+
flex: 1;
|
|
286
|
+
overflow-y: auto;
|
|
287
|
+
padding: 28px 32px 40px;
|
|
288
|
+
}
|
|
289
|
+
.content::-webkit-scrollbar { width: 6px; }
|
|
290
|
+
.content::-webkit-scrollbar-track { background: transparent; }
|
|
291
|
+
.content::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.2); border-radius: 3px; }
|
|
292
|
+
|
|
293
|
+
.page-header {
|
|
294
|
+
margin-bottom: 28px;
|
|
295
|
+
}
|
|
296
|
+
.page-eyebrow {
|
|
297
|
+
font-size: 11px;
|
|
298
|
+
font-weight: 600;
|
|
299
|
+
color: var(--accent);
|
|
300
|
+
text-transform: uppercase;
|
|
301
|
+
letter-spacing: 0.1em;
|
|
302
|
+
margin-bottom: 6px;
|
|
303
|
+
}
|
|
304
|
+
.page-title {
|
|
305
|
+
font-size: 26px;
|
|
306
|
+
font-weight: 700;
|
|
307
|
+
color: var(--text-heading);
|
|
308
|
+
letter-spacing: -0.5px;
|
|
309
|
+
line-height: 1.2;
|
|
310
|
+
}
|
|
311
|
+
.page-subtitle {
|
|
312
|
+
font-size: 13px;
|
|
313
|
+
color: var(--text-secondary);
|
|
314
|
+
margin-top: 6px;
|
|
315
|
+
line-height: 1.6;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
/* ── Glass card ── */
|
|
319
|
+
.glass-card {
|
|
320
|
+
background: rgba(255,255,255,0.60);
|
|
321
|
+
backdrop-filter: blur(16px);
|
|
322
|
+
-webkit-backdrop-filter: blur(16px);
|
|
323
|
+
border: 1px solid rgba(255,255,255,0.40);
|
|
324
|
+
border-radius: 16px;
|
|
325
|
+
box-shadow: var(--shadow-violet);
|
|
326
|
+
position: relative;
|
|
327
|
+
overflow: hidden;
|
|
328
|
+
}
|
|
329
|
+
.glass-card::before {
|
|
330
|
+
content: '';
|
|
331
|
+
position: absolute;
|
|
332
|
+
top: 0; left: 0; right: 0;
|
|
333
|
+
height: 50%;
|
|
334
|
+
background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, transparent 50%);
|
|
335
|
+
pointer-events: none;
|
|
336
|
+
z-index: 0;
|
|
337
|
+
border-radius: 16px 16px 0 0;
|
|
338
|
+
}
|
|
339
|
+
.glass-card > * { position: relative; z-index: 1; }
|
|
340
|
+
|
|
341
|
+
/* ── Stat cards ── */
|
|
342
|
+
.stats-grid {
|
|
343
|
+
display: grid;
|
|
344
|
+
grid-template-columns: repeat(3, 1fr);
|
|
345
|
+
gap: 16px;
|
|
346
|
+
margin-bottom: 20px;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.stat-card {
|
|
350
|
+
padding: 22px 22px 20px;
|
|
351
|
+
}
|
|
352
|
+
.stat-header {
|
|
353
|
+
display: flex;
|
|
354
|
+
align-items: flex-start;
|
|
355
|
+
justify-content: space-between;
|
|
356
|
+
margin-bottom: 16px;
|
|
357
|
+
}
|
|
358
|
+
.stat-icon-wrap {
|
|
359
|
+
width: 40px;
|
|
360
|
+
height: 40px;
|
|
361
|
+
border-radius: 12px;
|
|
362
|
+
background: rgba(124,58,237,0.10);
|
|
363
|
+
display: flex;
|
|
364
|
+
align-items: center;
|
|
365
|
+
justify-content: center;
|
|
366
|
+
}
|
|
367
|
+
.stat-icon-wrap.blue { background: rgba(59,130,246,0.10); }
|
|
368
|
+
.stat-icon-wrap svg { width: 18px; height: 18px; }
|
|
369
|
+
|
|
370
|
+
.stat-delta {
|
|
371
|
+
display: flex;
|
|
372
|
+
align-items: center;
|
|
373
|
+
gap: 3px;
|
|
374
|
+
font-size: 11px;
|
|
375
|
+
font-weight: 600;
|
|
376
|
+
color: #10B981;
|
|
377
|
+
background: rgba(16,185,129,0.10);
|
|
378
|
+
padding: 3px 8px;
|
|
379
|
+
border-radius: 20px;
|
|
380
|
+
}
|
|
381
|
+
.stat-delta.down { color: #EF4444; background: rgba(239,68,68,0.10); }
|
|
382
|
+
.stat-delta svg { width: 11px; height: 11px; }
|
|
383
|
+
|
|
384
|
+
.stat-value {
|
|
385
|
+
font-size: 32px;
|
|
386
|
+
font-weight: 700;
|
|
387
|
+
letter-spacing: -1px;
|
|
388
|
+
line-height: 1;
|
|
389
|
+
background: var(--accent-gradient);
|
|
390
|
+
-webkit-background-clip: text;
|
|
391
|
+
-webkit-text-fill-color: transparent;
|
|
392
|
+
background-clip: text;
|
|
393
|
+
margin-bottom: 6px;
|
|
394
|
+
}
|
|
395
|
+
.stat-label {
|
|
396
|
+
font-size: 12.5px;
|
|
397
|
+
color: var(--text-secondary);
|
|
398
|
+
font-weight: 500;
|
|
399
|
+
}
|
|
400
|
+
.stat-sublabel {
|
|
401
|
+
font-size: 11px;
|
|
402
|
+
color: var(--text-secondary);
|
|
403
|
+
margin-top: 12px;
|
|
404
|
+
padding-top: 12px;
|
|
405
|
+
border-top: 1px solid rgba(255,255,255,0.50);
|
|
406
|
+
}
|
|
407
|
+
.stat-sublabel span { color: var(--text-body); font-weight: 600; }
|
|
408
|
+
|
|
409
|
+
/* Mini sparkline */
|
|
410
|
+
.sparkline { margin-top: 12px; }
|
|
411
|
+
.spark-bar-row {
|
|
412
|
+
display: flex;
|
|
413
|
+
align-items: flex-end;
|
|
414
|
+
gap: 3px;
|
|
415
|
+
height: 28px;
|
|
416
|
+
}
|
|
417
|
+
.spark-bar {
|
|
418
|
+
flex: 1;
|
|
419
|
+
background: rgba(124,58,237,0.15);
|
|
420
|
+
border-radius: 3px;
|
|
421
|
+
transition: background 0.15s;
|
|
422
|
+
}
|
|
423
|
+
.spark-bar.active { background: var(--accent-gradient); }
|
|
424
|
+
|
|
425
|
+
/* ── Content grid ── */
|
|
426
|
+
.content-grid {
|
|
427
|
+
display: grid;
|
|
428
|
+
grid-template-columns: 1fr 340px;
|
|
429
|
+
gap: 16px;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
/* ── Table card ── */
|
|
433
|
+
.card-header {
|
|
434
|
+
display: flex;
|
|
435
|
+
align-items: center;
|
|
436
|
+
justify-content: space-between;
|
|
437
|
+
padding: 20px 22px 16px;
|
|
438
|
+
border-bottom: 1px solid rgba(255,255,255,0.40);
|
|
439
|
+
}
|
|
440
|
+
.card-title {
|
|
441
|
+
font-size: 14px;
|
|
442
|
+
font-weight: 700;
|
|
443
|
+
color: var(--text-heading);
|
|
444
|
+
letter-spacing: -0.2px;
|
|
445
|
+
}
|
|
446
|
+
.card-subtitle {
|
|
447
|
+
font-size: 11.5px;
|
|
448
|
+
color: var(--text-secondary);
|
|
449
|
+
margin-top: 2px;
|
|
450
|
+
}
|
|
451
|
+
.card-action {
|
|
452
|
+
font-size: 12px;
|
|
453
|
+
color: var(--accent);
|
|
454
|
+
font-weight: 600;
|
|
455
|
+
cursor: pointer;
|
|
456
|
+
white-space: nowrap;
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
table {
|
|
460
|
+
width: 100%;
|
|
461
|
+
border-collapse: collapse;
|
|
462
|
+
}
|
|
463
|
+
thead th {
|
|
464
|
+
padding: 10px 22px;
|
|
465
|
+
text-align: left;
|
|
466
|
+
font-size: 11px;
|
|
467
|
+
font-weight: 600;
|
|
468
|
+
color: var(--text-secondary);
|
|
469
|
+
text-transform: uppercase;
|
|
470
|
+
letter-spacing: 0.07em;
|
|
471
|
+
background: rgba(255,255,255,0.30);
|
|
472
|
+
}
|
|
473
|
+
tbody tr {
|
|
474
|
+
border-top: 1px solid rgba(255,255,255,0.35);
|
|
475
|
+
}
|
|
476
|
+
tbody tr:hover {
|
|
477
|
+
background: rgba(124,58,237,0.04);
|
|
478
|
+
}
|
|
479
|
+
tbody td {
|
|
480
|
+
padding: 13px 22px;
|
|
481
|
+
font-size: 13px;
|
|
482
|
+
color: var(--text-body);
|
|
483
|
+
vertical-align: middle;
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
.tx-name { font-weight: 600; color: var(--text-heading); }
|
|
487
|
+
.tx-sub { font-size: 11px; color: var(--text-secondary); margin-top: 1px; }
|
|
488
|
+
|
|
489
|
+
.tx-amount {
|
|
490
|
+
font-weight: 700;
|
|
491
|
+
font-size: 14px;
|
|
492
|
+
color: var(--text-heading);
|
|
493
|
+
}
|
|
494
|
+
.tx-amount.positive { color: #10B981; }
|
|
495
|
+
|
|
496
|
+
.status-badge {
|
|
497
|
+
display: inline-flex;
|
|
498
|
+
align-items: center;
|
|
499
|
+
gap: 4px;
|
|
500
|
+
padding: 3px 9px;
|
|
501
|
+
border-radius: 20px;
|
|
502
|
+
font-size: 11px;
|
|
503
|
+
font-weight: 600;
|
|
504
|
+
}
|
|
505
|
+
.status-badge::before {
|
|
506
|
+
content: '';
|
|
507
|
+
width: 6px;
|
|
508
|
+
height: 6px;
|
|
509
|
+
border-radius: 50%;
|
|
510
|
+
background: currentColor;
|
|
511
|
+
flex-shrink: 0;
|
|
512
|
+
}
|
|
513
|
+
.badge-success { background: rgba(16,185,129,0.12); color: #10B981; }
|
|
514
|
+
.badge-pending { background: rgba(245,158,11,0.12); color: #D97706; }
|
|
515
|
+
.badge-failed { background: rgba(239,68,68,0.12); color: #EF4444; }
|
|
516
|
+
|
|
517
|
+
.tx-date { font-size: 12px; color: var(--text-secondary); }
|
|
518
|
+
|
|
519
|
+
/* ── Activity card ── */
|
|
520
|
+
.activity-list { padding: 4px 0 8px; }
|
|
521
|
+
.activity-item {
|
|
522
|
+
display: flex;
|
|
523
|
+
align-items: flex-start;
|
|
524
|
+
gap: 12px;
|
|
525
|
+
padding: 14px 22px;
|
|
526
|
+
border-bottom: 1px solid rgba(255,255,255,0.35);
|
|
527
|
+
}
|
|
528
|
+
.activity-item:last-child { border-bottom: none; }
|
|
529
|
+
|
|
530
|
+
.act-avatar {
|
|
531
|
+
width: 34px;
|
|
532
|
+
height: 34px;
|
|
533
|
+
border-radius: 50%;
|
|
534
|
+
display: flex;
|
|
535
|
+
align-items: center;
|
|
536
|
+
justify-content: center;
|
|
537
|
+
font-size: 12px;
|
|
538
|
+
font-weight: 700;
|
|
539
|
+
color: #fff;
|
|
540
|
+
flex-shrink: 0;
|
|
541
|
+
}
|
|
542
|
+
.av-violet { background: linear-gradient(135deg, #7C3AED, #9F5FFF); }
|
|
543
|
+
.av-blue { background: linear-gradient(135deg, #3B82F6, #60A5FA); }
|
|
544
|
+
.av-teal { background: linear-gradient(135deg, #14B8A6, #2DD4BF); }
|
|
545
|
+
.av-pink { background: linear-gradient(135deg, #EC4899, #F472B6); }
|
|
546
|
+
|
|
547
|
+
.act-body { flex: 1; min-width: 0; }
|
|
548
|
+
.act-text { font-size: 12.5px; color: var(--text-body); line-height: 1.5; }
|
|
549
|
+
.act-text strong { color: var(--text-heading); font-weight: 600; }
|
|
550
|
+
.act-time { font-size: 11px; color: var(--text-secondary); margin-top: 3px; }
|
|
551
|
+
|
|
552
|
+
/* ── CTA Button ── */
|
|
553
|
+
.btn-primary {
|
|
554
|
+
display: inline-flex;
|
|
555
|
+
align-items: center;
|
|
556
|
+
gap: 6px;
|
|
557
|
+
background: var(--accent-gradient);
|
|
558
|
+
color: #fff;
|
|
559
|
+
border: none;
|
|
560
|
+
border-radius: 10px;
|
|
561
|
+
padding: 9px 18px;
|
|
562
|
+
font-size: 13px;
|
|
563
|
+
font-weight: 600;
|
|
564
|
+
cursor: pointer;
|
|
565
|
+
font-family: inherit;
|
|
566
|
+
}
|
|
567
|
+
.btn-primary svg { width: 14px; height: 14px; }
|
|
568
|
+
|
|
569
|
+
/* ── Watermark ── */
|
|
570
|
+
.watermark {
|
|
571
|
+
position: fixed;
|
|
572
|
+
top: 14px;
|
|
573
|
+
right: 16px;
|
|
574
|
+
background: rgba(255,255,255,0.75);
|
|
575
|
+
backdrop-filter: blur(10px);
|
|
576
|
+
border: 1px solid rgba(255,255,255,0.50);
|
|
577
|
+
border-radius: 20px;
|
|
578
|
+
padding: 4px 12px;
|
|
579
|
+
font-size: 10.5px;
|
|
580
|
+
font-weight: 600;
|
|
581
|
+
color: var(--accent);
|
|
582
|
+
z-index: 100;
|
|
583
|
+
letter-spacing: 0.02em;
|
|
584
|
+
box-shadow: 0 2px 8px rgba(124,58,237,0.12);
|
|
585
|
+
}
|
|
586
|
+
</style>
|
|
587
|
+
</head>
|
|
588
|
+
<body>
|
|
589
|
+
|
|
590
|
+
<div class="watermark">AIOSON Design Skill Preview</div>
|
|
591
|
+
|
|
592
|
+
<div class="shell">
|
|
593
|
+
<!-- Sidebar -->
|
|
594
|
+
<aside class="sidebar">
|
|
595
|
+
<div class="sidebar-logo">
|
|
596
|
+
<div class="logo-mark">
|
|
597
|
+
<div class="logo-icon">
|
|
598
|
+
<svg viewBox="0 0 16 16"><path d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"/><path d="M8 5a1 1 0 0 1 1 1v2.586l1.707 1.707a1 1 0 0 1-1.414 1.414l-2-2A1 1 0 0 1 7 9V6a1 1 0 0 1 1-1z"/></svg>
|
|
599
|
+
</div>
|
|
600
|
+
<div>
|
|
601
|
+
<div class="logo-text">Lumina</div>
|
|
602
|
+
<div class="logo-sub">Analytics Suite</div>
|
|
603
|
+
</div>
|
|
604
|
+
</div>
|
|
605
|
+
</div>
|
|
606
|
+
|
|
607
|
+
<nav class="nav-section">
|
|
608
|
+
<div class="nav-label">Menu</div>
|
|
609
|
+
|
|
610
|
+
<div class="nav-item active">
|
|
611
|
+
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
612
|
+
<path d="M10.707 2.293a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 1.414 1.414L4 10.414V17a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-6.586l.293.293a1 1 0 0 0 1.414-1.414l-7-7z"/>
|
|
613
|
+
</svg>
|
|
614
|
+
Dashboard
|
|
615
|
+
<span class="nav-badge">3</span>
|
|
616
|
+
</div>
|
|
617
|
+
|
|
618
|
+
<div class="nav-item">
|
|
619
|
+
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
620
|
+
<path d="M2 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5zm6-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V7zm6-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4z"/>
|
|
621
|
+
</svg>
|
|
622
|
+
Analytics
|
|
623
|
+
</div>
|
|
624
|
+
|
|
625
|
+
<div class="nav-item">
|
|
626
|
+
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
627
|
+
<path fill-rule="evenodd" d="M6 2a1 1 0 0 0-1 1v1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1zM4 8h12v8H4V8z" clip-rule="evenodd"/>
|
|
628
|
+
</svg>
|
|
629
|
+
Portfolio
|
|
630
|
+
</div>
|
|
631
|
+
|
|
632
|
+
<div class="nav-item">
|
|
633
|
+
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
634
|
+
<path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 0 1-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 0 1 .947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 0 1 2.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 0 1 2.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 0 1 .947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 0 1-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 0 1-2.287-.947zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" clip-rule="evenodd"/>
|
|
635
|
+
</svg>
|
|
636
|
+
Settings
|
|
637
|
+
</div>
|
|
638
|
+
|
|
639
|
+
<div style="margin-top: 20px;" class="nav-label">Workspaces</div>
|
|
640
|
+
|
|
641
|
+
<div class="nav-item">
|
|
642
|
+
<svg class="nav-icon" viewBox="0 0 20 20" fill="currentColor">
|
|
643
|
+
<path d="M9 12h2m-1-1v2M8.5 6h3M7 3h6l2 3H5L7 3zm-3 4v10h12V7H4z"/>
|
|
644
|
+
</svg>
|
|
645
|
+
Projects
|
|
646
|
+
<span class="nav-badge">12</span>
|
|
647
|
+
</div>
|
|
648
|
+
</nav>
|
|
649
|
+
|
|
650
|
+
<div class="sidebar-footer">
|
|
651
|
+
<div class="user-card">
|
|
652
|
+
<div class="avatar">EL</div>
|
|
653
|
+
<div>
|
|
654
|
+
<div class="user-name">Elena López</div>
|
|
655
|
+
<div class="user-role">Admin · Pro plan</div>
|
|
656
|
+
</div>
|
|
657
|
+
</div>
|
|
658
|
+
</div>
|
|
659
|
+
</aside>
|
|
660
|
+
|
|
661
|
+
<!-- Main -->
|
|
662
|
+
<div class="main">
|
|
663
|
+
<header class="topbar">
|
|
664
|
+
<span class="topbar-title">Glassmorphism UI — AIOSON Design Skill Preview</span>
|
|
665
|
+
<div class="skill-badge">Glass · Blur · Gradient</div>
|
|
666
|
+
<div class="topbar-actions">
|
|
667
|
+
<div class="search-bar">
|
|
668
|
+
<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM2 8a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 2 8z" clip-rule="evenodd"/></svg>
|
|
669
|
+
Search...
|
|
670
|
+
</div>
|
|
671
|
+
<div class="topbar-btn">
|
|
672
|
+
<svg viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a6 6 0 0 0-6 6v3.586l-.707.707A1 1 0 0 0 4 14h12a1 1 0 0 0 .707-1.707L16 11.586V8a6 6 0 0 0-6-6zm0 16a3 3 0 0 1-2.83-2h5.66A3 3 0 0 1 10 18z"/></svg>
|
|
673
|
+
</div>
|
|
674
|
+
</div>
|
|
675
|
+
</header>
|
|
676
|
+
|
|
677
|
+
<div class="content">
|
|
678
|
+
<!-- Page header -->
|
|
679
|
+
<div class="page-header">
|
|
680
|
+
<div class="page-eyebrow">Overview</div>
|
|
681
|
+
<h1 class="page-title">Good morning, Elena ✦</h1>
|
|
682
|
+
<p class="page-subtitle">Here's what's happening with your portfolio today, March 28 2026.</p>
|
|
683
|
+
</div>
|
|
684
|
+
|
|
685
|
+
<!-- Stat cards -->
|
|
686
|
+
<div class="stats-grid">
|
|
687
|
+
|
|
688
|
+
<!-- Revenue -->
|
|
689
|
+
<div class="glass-card stat-card">
|
|
690
|
+
<div class="stat-header">
|
|
691
|
+
<div class="stat-icon-wrap">
|
|
692
|
+
<svg viewBox="0 0 20 20" fill="#7C3AED"><path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 0 1-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zm1.567.267v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 0 1-.567.267zm0 3.048v-1.098c.22.054.413.127.567.227.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.29 2.29 0 0 1-.567.227zm-1.7-1.098v1.098a2.29 2.29 0 0 1-.567-.227C7.07 10.34 7 10.114 7 10c0-.114.07-.34.433-.582.154-.1.347-.173.567-.227zM10 2a8 8 0 1 0 0 16A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12A6 6 0 0 1 10 4zm-1 5V6h2v.293A3.2 3.2 0 0 1 11.433 6.5C12.39 7.122 13 7.992 13 9s-.61 1.878-1.567 2.5A3.2 3.2 0 0 1 11 11.707V12H9v-.293A3.2 3.2 0 0 1 8.567 11.5C7.61 10.878 7 10.008 7 9s.61-1.878 1.567-2.5A3.2 3.2 0 0 1 9 6.293V6h0V9z"/></svg>
|
|
693
|
+
</div>
|
|
694
|
+
<div class="stat-delta">
|
|
695
|
+
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 2l4 4H7v4H5V6H2l4-4z"/></svg>
|
|
696
|
+
+12.4%
|
|
697
|
+
</div>
|
|
698
|
+
</div>
|
|
699
|
+
<div class="stat-value">$128,400</div>
|
|
700
|
+
<div class="stat-label">Total Revenue</div>
|
|
701
|
+
<div class="stat-sublabel">vs last month: <span>$114,200</span></div>
|
|
702
|
+
<div class="sparkline">
|
|
703
|
+
<div class="spark-bar-row">
|
|
704
|
+
<div class="spark-bar" style="height:40%"></div>
|
|
705
|
+
<div class="spark-bar" style="height:55%"></div>
|
|
706
|
+
<div class="spark-bar" style="height:45%"></div>
|
|
707
|
+
<div class="spark-bar" style="height:70%"></div>
|
|
708
|
+
<div class="spark-bar" style="height:60%"></div>
|
|
709
|
+
<div class="spark-bar" style="height:80%"></div>
|
|
710
|
+
<div class="spark-bar active" style="height:100%"></div>
|
|
711
|
+
</div>
|
|
712
|
+
</div>
|
|
713
|
+
</div>
|
|
714
|
+
|
|
715
|
+
<!-- Active Users -->
|
|
716
|
+
<div class="glass-card stat-card">
|
|
717
|
+
<div class="stat-header">
|
|
718
|
+
<div class="stat-icon-wrap blue">
|
|
719
|
+
<svg viewBox="0 0 20 20" fill="#3B82F6"><path d="M9 6a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm2 9.5c0-.83.177-1.615.49-2.322A5.01 5.01 0 0 0 7 17H5a1 1 0 0 1-1-1v-.5C4 13.015 6.686 11 10 11c.341 0 .678.02 1.008.058A6.002 6.002 0 0 0 11 13v2.5h-1zm6 .5h-3v-3h3v3zm1.5 0h-1v-3.5a.5.5 0 0 0-.5-.5H16v-1h-2a2 2 0 0 0-2 2V16h-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM1 9.5C1 7.015 3.686 5 7 5a5.99 5.99 0 0 1 1.994.343A4.967 4.967 0 0 0 8 7a4.99 4.99 0 0 0 2.24 4.195A7.03 7.03 0 0 0 7 11C3.686 11 1 13.015 1 15.5V16a1 1 0 0 0 1 1h3v-1H3v-.5a3.002 3.002 0 0 1 .834-2.08A6.988 6.988 0 0 1 1 9.5z"/></svg>
|
|
720
|
+
</div>
|
|
721
|
+
<div class="stat-delta">
|
|
722
|
+
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 2l4 4H7v4H5V6H2l4-4z"/></svg>
|
|
723
|
+
+8.1%
|
|
724
|
+
</div>
|
|
725
|
+
</div>
|
|
726
|
+
<div class="stat-value">2,847</div>
|
|
727
|
+
<div class="stat-label">Active Users</div>
|
|
728
|
+
<div class="stat-sublabel">Daily active: <span>412 online now</span></div>
|
|
729
|
+
<div class="sparkline">
|
|
730
|
+
<div class="spark-bar-row">
|
|
731
|
+
<div class="spark-bar" style="height:60%"></div>
|
|
732
|
+
<div class="spark-bar" style="height:45%"></div>
|
|
733
|
+
<div class="spark-bar" style="height:75%"></div>
|
|
734
|
+
<div class="spark-bar" style="height:65%"></div>
|
|
735
|
+
<div class="spark-bar" style="height:85%"></div>
|
|
736
|
+
<div class="spark-bar" style="height:70%"></div>
|
|
737
|
+
<div class="spark-bar active" style="height:95%"></div>
|
|
738
|
+
</div>
|
|
739
|
+
</div>
|
|
740
|
+
</div>
|
|
741
|
+
|
|
742
|
+
<!-- Conversion -->
|
|
743
|
+
<div class="glass-card stat-card">
|
|
744
|
+
<div class="stat-header">
|
|
745
|
+
<div class="stat-icon-wrap">
|
|
746
|
+
<svg viewBox="0 0 20 20" fill="#7C3AED"><path fill-rule="evenodd" d="M12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 9a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0 2A8 8 0 1 0 11 3a8 8 0 0 0 0 16zm1-11.5a.5.5 0 0 1 .5.5v1.382l.894.447A.5.5 0 0 1 13 9h-2a.5.5 0 0 1-.224-.947L12 7.618V6.5a.5.5 0 0 1 .5-.5z" clip-rule="evenodd"/></svg>
|
|
747
|
+
</div>
|
|
748
|
+
<div class="stat-delta down">
|
|
749
|
+
<svg viewBox="0 0 12 12" fill="currentColor"><path d="M6 10L2 6h3V2h2v4h3l-4 4z"/></svg>
|
|
750
|
+
-0.3%
|
|
751
|
+
</div>
|
|
752
|
+
</div>
|
|
753
|
+
<div class="stat-value">3.24%</div>
|
|
754
|
+
<div class="stat-label">Conversion Rate</div>
|
|
755
|
+
<div class="stat-sublabel">Goal: <span>4.0%</span> · 81% attained</div>
|
|
756
|
+
<div class="sparkline">
|
|
757
|
+
<div class="spark-bar-row">
|
|
758
|
+
<div class="spark-bar" style="height:85%"></div>
|
|
759
|
+
<div class="spark-bar" style="height:90%"></div>
|
|
760
|
+
<div class="spark-bar" style="height:78%"></div>
|
|
761
|
+
<div class="spark-bar" style="height:95%"></div>
|
|
762
|
+
<div class="spark-bar" style="height:72%"></div>
|
|
763
|
+
<div class="spark-bar" style="height:80%"></div>
|
|
764
|
+
<div class="spark-bar active" style="height:70%"></div>
|
|
765
|
+
</div>
|
|
766
|
+
</div>
|
|
767
|
+
</div>
|
|
768
|
+
|
|
769
|
+
</div>
|
|
770
|
+
|
|
771
|
+
<!-- Content grid -->
|
|
772
|
+
<div class="content-grid">
|
|
773
|
+
|
|
774
|
+
<!-- Transactions table -->
|
|
775
|
+
<div class="glass-card">
|
|
776
|
+
<div class="card-header">
|
|
777
|
+
<div>
|
|
778
|
+
<div class="card-title">Recent Transactions</div>
|
|
779
|
+
<div class="card-subtitle">Last 4 payments processed</div>
|
|
780
|
+
</div>
|
|
781
|
+
<button class="btn-primary">
|
|
782
|
+
<svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 2a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2H9v4a1 1 0 1 1-2 0V9H3a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1z"/></svg>
|
|
783
|
+
New
|
|
784
|
+
</button>
|
|
785
|
+
</div>
|
|
786
|
+
<table>
|
|
787
|
+
<thead>
|
|
788
|
+
<tr>
|
|
789
|
+
<th>Recipient</th>
|
|
790
|
+
<th>Amount</th>
|
|
791
|
+
<th>Status</th>
|
|
792
|
+
<th>Date</th>
|
|
793
|
+
</tr>
|
|
794
|
+
</thead>
|
|
795
|
+
<tbody>
|
|
796
|
+
<tr>
|
|
797
|
+
<td>
|
|
798
|
+
<div class="tx-name">Acme Corp</div>
|
|
799
|
+
<div class="tx-sub">Invoice #4821</div>
|
|
800
|
+
</td>
|
|
801
|
+
<td><div class="tx-amount positive">+$12,500</div></td>
|
|
802
|
+
<td><span class="status-badge badge-success">Completed</span></td>
|
|
803
|
+
<td><div class="tx-date">Mar 28, 2026</div></td>
|
|
804
|
+
</tr>
|
|
805
|
+
<tr>
|
|
806
|
+
<td>
|
|
807
|
+
<div class="tx-name">Stripe Payout</div>
|
|
808
|
+
<div class="tx-sub">Auto disbursement</div>
|
|
809
|
+
</td>
|
|
810
|
+
<td><div class="tx-amount positive">+$8,200</div></td>
|
|
811
|
+
<td><span class="status-badge badge-success">Completed</span></td>
|
|
812
|
+
<td><div class="tx-date">Mar 27, 2026</div></td>
|
|
813
|
+
</tr>
|
|
814
|
+
<tr>
|
|
815
|
+
<td>
|
|
816
|
+
<div class="tx-name">AWS Services</div>
|
|
817
|
+
<div class="tx-sub">Cloud infrastructure</div>
|
|
818
|
+
</td>
|
|
819
|
+
<td><div class="tx-amount" style="color: var(--text-heading);">-$3,140</div></td>
|
|
820
|
+
<td><span class="status-badge badge-pending">Pending</span></td>
|
|
821
|
+
<td><div class="tx-date">Mar 26, 2026</div></td>
|
|
822
|
+
</tr>
|
|
823
|
+
<tr>
|
|
824
|
+
<td>
|
|
825
|
+
<div class="tx-name">Figma Pro</div>
|
|
826
|
+
<div class="tx-sub">Subscription renewal</div>
|
|
827
|
+
</td>
|
|
828
|
+
<td><div class="tx-amount" style="color: var(--text-heading);">-$180</div></td>
|
|
829
|
+
<td><span class="status-badge badge-failed">Failed</span></td>
|
|
830
|
+
<td><div class="tx-date">Mar 25, 2026</div></td>
|
|
831
|
+
</tr>
|
|
832
|
+
</tbody>
|
|
833
|
+
</table>
|
|
834
|
+
<div style="padding: 12px 22px;">
|
|
835
|
+
<span class="card-action">View all transactions →</span>
|
|
836
|
+
</div>
|
|
837
|
+
</div>
|
|
838
|
+
|
|
839
|
+
<!-- Activity feed -->
|
|
840
|
+
<div class="glass-card">
|
|
841
|
+
<div class="card-header">
|
|
842
|
+
<div>
|
|
843
|
+
<div class="card-title">Recent Activity</div>
|
|
844
|
+
<div class="card-subtitle">Team updates</div>
|
|
845
|
+
</div>
|
|
846
|
+
<span class="card-action">See all</span>
|
|
847
|
+
</div>
|
|
848
|
+
<div class="activity-list">
|
|
849
|
+
<div class="activity-item">
|
|
850
|
+
<div class="act-avatar av-violet">MK</div>
|
|
851
|
+
<div class="act-body">
|
|
852
|
+
<div class="act-text"><strong>Maria K.</strong> deployed a new release to production</div>
|
|
853
|
+
<div class="act-time">2 minutes ago</div>
|
|
854
|
+
</div>
|
|
855
|
+
</div>
|
|
856
|
+
<div class="activity-item">
|
|
857
|
+
<div class="act-avatar av-blue">JD</div>
|
|
858
|
+
<div class="act-body">
|
|
859
|
+
<div class="act-text"><strong>James D.</strong> approved the Q2 budget report</div>
|
|
860
|
+
<div class="act-time">18 minutes ago</div>
|
|
861
|
+
</div>
|
|
862
|
+
</div>
|
|
863
|
+
<div class="activity-item">
|
|
864
|
+
<div class="act-avatar av-teal">SR</div>
|
|
865
|
+
<div class="act-body">
|
|
866
|
+
<div class="act-text"><strong>Sara R.</strong> added 3 new clients to Portfolio</div>
|
|
867
|
+
<div class="act-time">1 hour ago</div>
|
|
868
|
+
</div>
|
|
869
|
+
</div>
|
|
870
|
+
<div class="activity-item">
|
|
871
|
+
<div class="act-avatar av-pink">AN</div>
|
|
872
|
+
<div class="act-body">
|
|
873
|
+
<div class="act-text"><strong>Alex N.</strong> updated pricing for Enterprise tier</div>
|
|
874
|
+
<div class="act-time">3 hours ago</div>
|
|
875
|
+
</div>
|
|
876
|
+
</div>
|
|
877
|
+
</div>
|
|
878
|
+
</div>
|
|
879
|
+
|
|
880
|
+
</div>
|
|
881
|
+
</div>
|
|
882
|
+
</div>
|
|
883
|
+
</div>
|
|
884
|
+
|
|
885
|
+
</body>
|
|
886
|
+
</html>
|