@openpresentation/opf 0.3.0 → 0.4.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.
Files changed (87) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +2 -0
  3. package/dist/catalogs-x1oFFQnd.d.ts +1198 -0
  4. package/dist/catalogs.d.ts +2 -32413
  5. package/dist/catalogs.js +1 -18505
  6. package/dist/chunk-75N5I6M4.js +229 -0
  7. package/dist/chunk-EMTMQRX4.js +1007 -0
  8. package/dist/chunk-GCXOU5MZ.js +6515 -0
  9. package/dist/chunk-HJNJHB5H.js +454 -0
  10. package/dist/chunk-OZULJBSG.js +3368 -0
  11. package/dist/chunk-PIQXLBBJ.js +445 -0
  12. package/dist/chunk-SOSOBKQ2.js +145 -0
  13. package/dist/chunk-TWMRZ43O.js +18576 -0
  14. package/dist/composition.d.ts +190 -0
  15. package/dist/composition.js +1 -0
  16. package/dist/data.d.ts +32 -0
  17. package/dist/data.js +1 -0
  18. package/dist/docs.js +69 -5
  19. package/dist/examples.d.ts +1 -1
  20. package/dist/examples.js +112 -2
  21. package/dist/index.d.ts +6 -4
  22. package/dist/index.js +8 -29555
  23. package/dist/pagination.d.ts +52 -0
  24. package/dist/pagination.js +5 -0
  25. package/dist/{presentation-C8BOK0-5.d.ts → presentation-BjP4yTQ1.d.ts} +86 -3
  26. package/dist/previews.js +1 -447
  27. package/dist/repo-readme.js +1 -3
  28. package/dist/schemas-C1DxapX2.d.ts +206 -0
  29. package/dist/schemas.d.ts +1 -12373
  30. package/dist/schemas.js +1 -6275
  31. package/dist/spec/README.md +18 -3
  32. package/dist/spec/catalogs/audiences/index.json +1 -1
  33. package/dist/spec/catalogs/chart-types/index.json +1 -1
  34. package/dist/spec/catalogs/color-schemes/index.json +1 -1
  35. package/dist/spec/catalogs/font-schemes/index.json +1 -1
  36. package/dist/spec/catalogs/languages/index.json +1 -1
  37. package/dist/spec/catalogs/layouts/chart-1x.json +4 -1
  38. package/dist/spec/catalogs/layouts/chart-2x.json +5 -1
  39. package/dist/spec/catalogs/layouts/chart-3x.json +5 -1
  40. package/dist/spec/catalogs/layouts/code-1x.json +4 -1
  41. package/dist/spec/catalogs/layouts/extract/canonical.json +94 -21
  42. package/dist/spec/catalogs/layouts/image-1x.json +4 -1
  43. package/dist/spec/catalogs/layouts/image-2x.json +5 -1
  44. package/dist/spec/catalogs/layouts/image-3x.json +5 -1
  45. package/dist/spec/catalogs/layouts/index.json +1 -1
  46. package/dist/spec/catalogs/layouts/list-2x.json +4 -1
  47. package/dist/spec/catalogs/layouts/list-3x.json +4 -1
  48. package/dist/spec/catalogs/layouts/list-4x.json +5 -1
  49. package/dist/spec/catalogs/layouts/list-5x.json +5 -1
  50. package/dist/spec/catalogs/layouts/list-6x.json +5 -1
  51. package/dist/spec/catalogs/layouts/media-1x.json +4 -1
  52. package/dist/spec/catalogs/layouts/number-2x.json +4 -1
  53. package/dist/spec/catalogs/layouts/number-3x.json +4 -1
  54. package/dist/spec/catalogs/layouts/number-4x.json +5 -1
  55. package/dist/spec/catalogs/layouts/number-5x.json +5 -1
  56. package/dist/spec/catalogs/layouts/number-6x.json +5 -1
  57. package/dist/spec/catalogs/layouts/table-1x.json +4 -1
  58. package/dist/spec/catalogs/layouts/text-2x.json +4 -1
  59. package/dist/spec/catalogs/layouts/text-3x.json +4 -1
  60. package/dist/spec/catalogs/narratives/index.json +2 -2
  61. package/dist/spec/catalogs/purposes/index.json +1 -1
  62. package/dist/spec/catalogs/social-platforms/index.json +1 -1
  63. package/dist/spec/catalogs/themes/index.json +1 -1
  64. package/dist/spec/catalogs/tones/index.json +1 -1
  65. package/dist/spec/openapi.yaml +54 -14
  66. package/dist/spec/previews/layouts/index.json +71 -71
  67. package/dist/spec/schemas/catalog-index.schema.json +53 -0
  68. package/dist/spec/schemas/layout-preview-index.schema.json +54 -0
  69. package/dist/spec/schemas/layout.schema.json +63 -0
  70. package/dist/spec/schemas/opf.schema.json +182 -3
  71. package/dist/spec-files.d.ts +14 -2391
  72. package/dist/spec-files.js +1 -3356
  73. package/dist/types.d.ts +3 -1102
  74. package/dist/types.js +0 -2
  75. package/dist/validator.d.ts +3 -10
  76. package/dist/validator.js +4 -7243
  77. package/package.json +16 -3
  78. package/dist/catalogs.js.map +0 -1
  79. package/dist/docs.js.map +0 -1
  80. package/dist/examples.js.map +0 -1
  81. package/dist/index.js.map +0 -1
  82. package/dist/previews.js.map +0 -1
  83. package/dist/repo-readme.js.map +0 -1
  84. package/dist/schemas.js.map +0 -1
  85. package/dist/spec-files.js.map +0 -1
  86. package/dist/types.js.map +0 -1
  87. package/dist/validator.js.map +0 -1
package/dist/previews.js CHANGED
@@ -1,447 +1 @@
1
- // src/generated/previews.ts
2
- var layoutPreviewsRaw = {
3
- "action-plan": '<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-3 flex items-center justify-between"><div class="h-2.5 w-24 rounded bg-foreground/75"></div><div class="h-5 w-12 rounded-full bg-accent/25"></div></div><div class="overflow-hidden rounded-md border border-border bg-background/70"><div class="grid grid-cols-[1.8fr_1fr_1fr_.8fr] border-b border-border bg-muted/45 p-2"><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/35"></div></div><div class="grid grid-cols-[1.8fr_1fr_1fr_.8fr] items-center gap-2 border-b border-border p-2 last:border-b-0"><div class="h-1.5 rounded bg-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-3 rounded-full bg-accent/20"></div></div><div class="grid grid-cols-[1.8fr_1fr_1fr_.8fr] items-center gap-2 border-b border-border p-2 last:border-b-0"><div class="h-1.5 rounded bg-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-3 rounded-full bg-accent/60"></div></div><div class="grid grid-cols-[1.8fr_1fr_1fr_.8fr] items-center gap-2 border-b border-border p-2 last:border-b-0"><div class="h-1.5 rounded bg-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-3 rounded-full bg-accent/20"></div></div><div class="grid grid-cols-[1.8fr_1fr_1fr_.8fr] items-center gap-2 border-b border-border p-2 last:border-b-0"><div class="h-1.5 rounded bg-foreground/35"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-3 rounded-full bg-accent/20"></div></div></div></div>',
4
- "agenda": '<div class="w-full h-full p-6 bg-card flex flex-col justify-center gap-3"><div class="w-28 h-2.5 bg-foreground/80 rounded mb-1"></div><div class="flex items-center gap-3"><div class="w-4 h-4 rounded-full bg-accent/60 shrink-0 flex items-center justify-center"><div class="w-1.5 h-1.5 bg-accent rounded-full"></div></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:68%"></div></div><div class="flex items-center gap-3"><div class="w-4 h-4 rounded-full bg-accent/60 shrink-0 flex items-center justify-center"><div class="w-1.5 h-1.5 bg-accent rounded-full"></div></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:76%"></div></div><div class="flex items-center gap-3"><div class="w-4 h-4 rounded-full bg-accent/60 shrink-0 flex items-center justify-center"><div class="w-1.5 h-1.5 bg-accent rounded-full"></div></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:84%"></div></div><div class="flex items-center gap-3"><div class="w-4 h-4 rounded-full bg-accent/60 shrink-0 flex items-center justify-center"><div class="w-1.5 h-1.5 bg-accent rounded-full"></div></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:92%"></div></div></div>',
5
- "appendix-index": '<div class="flex h-full w-full flex-col bg-card p-6"><div class="mb-4 flex items-end justify-between"><div><div class="mb-2 h-2 w-14 rounded bg-accent/70"></div><div class="h-4 w-32 rounded bg-foreground/85"></div></div><div class="h-7 w-7 rounded-full border border-border bg-background"></div></div><div class="flex-1 space-y-2"><div class="grid grid-cols-[1.5rem_1fr_2rem] items-center gap-3 rounded-md bg-background/70 px-3 py-2"><div class="h-4 w-4 rounded-full bg-muted text-center"><div class="mx-auto mt-1 h-1.5 w-1.5 rounded-full bg-muted-foreground/45"></div></div><div class="min-w-0"><div class="mb-1.5 h-2 w-full rounded bg-foreground/55"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="h-2 rounded bg-accent/55"></div></div><div class="grid grid-cols-[1.5rem_1fr_2rem] items-center gap-3 rounded-md bg-background/70 px-3 py-2"><div class="h-4 w-4 rounded-full bg-muted text-center"><div class="mx-auto mt-1 h-1.5 w-1.5 rounded-full bg-muted-foreground/45"></div></div><div class="min-w-0"><div class="mb-1.5 h-2 w-full rounded bg-foreground/55"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="h-2 rounded bg-accent/55"></div></div><div class="grid grid-cols-[1.5rem_1fr_2rem] items-center gap-3 rounded-md bg-background/70 px-3 py-2"><div class="h-4 w-4 rounded-full bg-muted text-center"><div class="mx-auto mt-1 h-1.5 w-1.5 rounded-full bg-muted-foreground/45"></div></div><div class="min-w-0"><div class="mb-1.5 h-2 w-full rounded bg-foreground/55"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="h-2 rounded bg-accent/55"></div></div></div></div>',
6
- "architecture-stack": '<div class="flex h-full w-full flex-col justify-end gap-2 bg-card p-5"><div class="mx-auto flex h-5 items-center rounded-md border border-border px-3 w-3/5 bg-accent/45"><div class="h-1.5 w-16 rounded bg-foreground/45"></div><div class="ml-auto flex gap-1"><div class="h-2 w-2 rounded-full bg-accent/45"></div><div class="h-2 w-2 rounded-full bg-muted-foreground/25"></div></div></div><div class="mx-auto flex h-5 items-center rounded-md border border-border px-3 w-2/3 bg-background"><div class="h-1.5 w-16 rounded bg-foreground/45"></div><div class="ml-auto flex gap-1"><div class="h-2 w-2 rounded-full bg-accent/45"></div><div class="h-2 w-2 rounded-full bg-muted-foreground/25"></div></div></div><div class="mx-auto flex h-5 items-center rounded-md border border-border px-3 w-4/5 bg-accent/20"><div class="h-1.5 w-16 rounded bg-foreground/45"></div><div class="ml-auto flex gap-1"><div class="h-2 w-2 rounded-full bg-accent/45"></div><div class="h-2 w-2 rounded-full bg-muted-foreground/25"></div></div></div><div class="mx-auto flex h-5 items-center rounded-md border border-border px-3 w-11/12 bg-background"><div class="h-1.5 w-16 rounded bg-foreground/45"></div><div class="ml-auto flex gap-1"><div class="h-2 w-2 rounded-full bg-accent/45"></div><div class="h-2 w-2 rounded-full bg-muted-foreground/25"></div></div></div><div class="mx-auto flex h-5 items-center rounded-md border border-border px-3 w-full bg-foreground/10"><div class="h-1.5 w-16 rounded bg-foreground/45"></div><div class="ml-auto flex gap-1"><div class="h-2 w-2 rounded-full bg-accent/45"></div><div class="h-2 w-2 rounded-full bg-muted-foreground/25"></div></div></div></div>',
7
- "assumptions-dependencies": '<div class="grid h-full w-full grid-cols-3 gap-3 bg-card p-5"><div class="min-w-0 rounded-md border border-border p-3 bg-background/70"><div class="mb-3 h-2 rounded bg-foreground/55"></div><div class="space-y-2"><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div></div></div><div class="min-w-0 rounded-md border border-border p-3 bg-accent/10"><div class="mb-3 h-2 rounded bg-accent/65"></div><div class="space-y-2"><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div></div></div><div class="min-w-0 rounded-md border border-border p-3 bg-background/70"><div class="mb-3 h-2 rounded bg-foreground/40"></div><div class="space-y-2"><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded bg-card/70 p-1.5"><div class="mb-1 h-1.5 rounded bg-foreground/35"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/25"></div></div></div></div></div>',
8
- "before-after": '<div class="w-full h-full flex bg-card"><div class="flex-1 bg-muted/50 flex items-end p-4"><div class="space-y-1.5"><div class="w-12 h-1.5 bg-muted-foreground/50 rounded"></div><div class="w-16 h-2 bg-foreground/40 rounded"></div></div></div><div class="w-px bg-border"></div><div class="flex-1 bg-accent/10 flex items-end p-4"><div class="space-y-1.5"><div class="w-12 h-1.5 bg-accent/70 rounded"></div><div class="w-16 h-2 bg-foreground/60 rounded"></div></div></div></div>',
9
- "benchmark-target-table": '<div class="flex h-full w-full flex-col bg-card p-3"><div class="mb-2 grid grid-cols-[1.3fr_0.8fr_0.8fr_0.6fr] gap-2 rounded bg-foreground/10 p-1.5"><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div></div><div class="grid flex-1 grid-rows-4 gap-1.5"><div class="grid grid-cols-[1.3fr_0.8fr_0.8fr_0.6fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-3 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-accent" style="width:55%"></div></div></div><div class="grid grid-cols-[1.3fr_0.8fr_0.8fr_0.6fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-3 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-accent" style="width:65%"></div></div></div><div class="grid grid-cols-[1.3fr_0.8fr_0.8fr_0.6fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-3 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-accent" style="width:75%"></div></div></div><div class="grid grid-cols-[1.3fr_0.8fr_0.8fr_0.6fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-1.5 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-3 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-accent" style="width:85%"></div></div></div></div></div>',
10
- "bullet-list": '<div class="w-full h-full p-6 bg-card flex flex-col justify-center gap-3"><div class="w-32 h-3 bg-foreground/80 rounded mb-2"></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-accent shrink-0"></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:80%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-accent shrink-0"></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:70%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-accent shrink-0"></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:85%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-accent shrink-0"></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:65%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-accent shrink-0"></div><div class="h-2 bg-muted-foreground/30 rounded" style="width:75%"></div></div></div>',
11
- "business-model-canvas": '<div class="grid h-full w-full grid-cols-5 grid-rows-3 gap-1.5 bg-card p-4"><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1 row-span-2"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1 row-span-2 bg-accent/15"><div class="mb-1.5 h-1.5 rounded bg-accent/75"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1 row-span-2"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-1"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-2"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="min-w-0 rounded border border-border bg-background/70 p-1.5 col-span-3"><div class="mb-1.5 h-1.5 rounded bg-foreground/35"></div><div class="space-y-1"><div class="h-1 rounded bg-muted-foreground/25"></div><div class="h-1 w-2/3 rounded bg-muted-foreground/20"></div></div></div></div>',
12
- "capability-map": '<div class="grid h-full w-full grid-cols-4 gap-2 bg-card p-4"><div class="min-w-0 rounded-md border border-border bg-background/65 p-2"><div class="mb-2 h-2 rounded bg-accent/65"></div><div class="space-y-1.5"><div class="h-4 rounded border border-border/70 bg-accent/20"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/65 p-2"><div class="mb-2 h-2 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-accent/15"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/65 p-2"><div class="mb-2 h-2 rounded bg-accent/45"></div><div class="space-y-1.5"><div class="h-4 rounded border border-border/70 bg-accent/25"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-accent/10"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/65 p-2"><div class="mb-2 h-2 rounded bg-foreground/40"></div><div class="space-y-1.5"><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-background"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div><div class="h-4 rounded border border-border/70 bg-accent/30"><div class="mx-auto mt-1.5 h-1 w-6 rounded bg-foreground/35"></div></div></div></div></div>',
13
- "case-study": '<div class="grid h-full w-full grid-cols-3 gap-3 bg-card p-5"><div class="flex min-w-0 flex-col justify-between rounded-md border border-border p-3 bg-background/70"><div class="space-y-2"><div class="h-1.5 w-12 rounded bg-muted-foreground/35"></div><div class="h-5 w-14 rounded bg-foreground/65"></div></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/30 w-full"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-4/5"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-2/3"></div></div></div><div class="flex min-w-0 flex-col justify-between rounded-md border border-border p-3 bg-background/70"><div class="space-y-2"><div class="h-1.5 w-12 rounded bg-muted-foreground/35"></div><div class="h-5 w-14 rounded bg-muted-foreground/35"></div></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/30 w-5/6"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-full"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-3/4"></div></div></div><div class="flex min-w-0 flex-col justify-between rounded-md border border-border p-3 bg-accent/10"><div class="space-y-2"><div class="h-1.5 w-12 rounded bg-muted-foreground/35"></div><div class="h-5 w-14 rounded bg-accent"></div></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/30 w-3/4"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-full"></div><div class="h-1.5 rounded bg-muted-foreground/30 w-2/3"></div></div></div></div>',
14
- "chapter-recap": '<div class="flex h-full w-full flex-col bg-card p-6"><div class="mb-4 flex items-center gap-3"><div class="h-6 w-6 rounded-full bg-accent/25"></div><div><div class="mb-1.5 h-2.5 w-28 rounded bg-foreground/75"></div><div class="h-1.5 w-20 rounded bg-muted-foreground/30"></div></div></div><div class="relative flex-1 space-y-2"><div class="absolute bottom-3 left-[9px] top-3 w-px bg-border"></div><div class="relative flex items-center gap-3 rounded-md px-2 py-1.5 "><div class="z-10 h-4 w-4 rounded-full border border-accent bg-accent"></div><div class="min-w-0 flex-1"><div class="mb-1.5 h-2 rounded w-2/3 bg-muted-foreground/30"></div><div class="h-1.5 w-1/2 rounded bg-muted-foreground/20"></div></div></div><div class="relative flex items-center gap-3 rounded-md px-2 py-1.5 "><div class="z-10 h-4 w-4 rounded-full border border-accent bg-accent"></div><div class="min-w-0 flex-1"><div class="mb-1.5 h-2 rounded w-2/3 bg-muted-foreground/30"></div><div class="h-1.5 w-1/2 rounded bg-muted-foreground/20"></div></div></div><div class="relative flex items-center gap-3 rounded-md px-2 py-1.5 bg-accent/10"><div class="z-10 h-4 w-4 rounded-full border border-accent bg-background"></div><div class="min-w-0 flex-1"><div class="mb-1.5 h-2 rounded w-5/6 bg-foreground/75"></div><div class="h-1.5 w-1/2 rounded bg-muted-foreground/20"></div></div></div><div class="relative flex items-center gap-3 rounded-md px-2 py-1.5 "><div class="z-10 h-4 w-4 rounded-full border border-border bg-background"></div><div class="min-w-0 flex-1"><div class="mb-1.5 h-2 rounded w-2/3 bg-muted-foreground/30"></div><div class="h-1.5 w-1/2 rounded bg-muted-foreground/20"></div></div></div></div></div>',
15
- "circular-lifecycle": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-1/2 top-1/2 h-24 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full border border-accent/35"></div><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 29 C154 29 181 51 181 68 C181 88 154 106 120 106 C86 106 59 88 59 68 C59 51 86 29 120 29" fill="none" stroke="hsl(var(--foreground) / 0.18)" stroke-width="3" stroke-linecap="round"></path><path d="M176 61 L184 68 L176 75" fill="none" stroke="hsl(var(--accent))" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute left-1/2 top-1/2 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-accent/20 ring-1 ring-accent/35"><div class="mx-auto mt-4 h-1.5 w-5 rounded bg-accent"></div></div><div class="absolute h-6 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:16%;left:50%"><div class="mx-auto mt-2 h-1.5 w-4 rounded bg-foreground/45"></div></div><div class="absolute h-6 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:32%;left:73%"><div class="mx-auto mt-2 h-1.5 w-4 rounded bg-foreground/45"></div></div><div class="absolute h-6 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:67%;left:68%"><div class="mx-auto mt-2 h-1.5 w-4 rounded bg-foreground/45"></div></div><div class="absolute h-6 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:67%;left:32%"><div class="mx-auto mt-2 h-1.5 w-4 rounded bg-foreground/45"></div></div><div class="absolute h-6 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:32%;left:27%"><div class="mx-auto mt-2 h-1.5 w-4 rounded bg-foreground/45"></div></div></div>',
16
- "comparison": '<div class="w-full h-full flex p-5 gap-3 bg-card"><div class="flex-1 border border-border rounded p-3 space-y-2"><div class="w-full h-2.5 bg-foreground/70 rounded mb-2"></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-muted-foreground/40"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-muted-foreground/40"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-muted-foreground/40"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div></div><div class="flex-1 border-2 border-accent rounded p-3 space-y-2"><div class="w-full h-2.5 bg-foreground/70 rounded mb-2"></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1.5 bg-muted-foreground/25 rounded"></div></div></div></div>',
17
- "competitive-landscape": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute bottom-5 left-7 right-5 h-px bg-foreground/35"></div><div class="absolute bottom-5 left-7 top-5 w-px bg-foreground/35"></div><div class="absolute right-5 top-4 h-1.5 w-16 rounded bg-muted-foreground/30"></div><div class="absolute bottom-2 left-1/2 h-1.5 w-16 -translate-x-1/2 rounded bg-muted-foreground/30"></div><div class="absolute h-6 w-10 -translate-x-1/2 rounded-full border bg-background border-border" style="top:28%;left:42%"><div class="mx-auto mt-2 h-1.5 w-5 rounded bg-foreground/40"></div></div><div class="absolute h-6 w-10 -translate-x-1/2 rounded-full border bg-background border-border" style="top:42%;left:66%"><div class="mx-auto mt-2 h-1.5 w-5 rounded bg-foreground/40"></div></div><div class="absolute h-6 w-10 -translate-x-1/2 rounded-full border bg-background border-border" style="top:61%;left:38%"><div class="mx-auto mt-2 h-1.5 w-5 rounded bg-foreground/40"></div></div><div class="absolute h-6 w-10 -translate-x-1/2 rounded-full border bg-accent/25 border-accent/45" style="top:31%;left:76%"><div class="mx-auto mt-2 h-1.5 w-5 rounded bg-foreground/40"></div></div><div class="absolute h-6 w-10 -translate-x-1/2 rounded-full border bg-background border-border" style="top:72%;left:71%"><div class="mx-auto mt-2 h-1.5 w-5 rounded bg-foreground/40"></div></div></div>',
18
- "customer-journey": '<div class="relative h-full w-full overflow-hidden bg-card p-4"><div class="grid h-full grid-cols-5 gap-2"><div class="flex min-w-0 flex-col rounded-md border border-border bg-background/65 p-2"><div class="mb-3 h-1.5 w-full rounded bg-foreground/45"></div><div class="space-y-2"><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-2 rounded bg-accent/20"></div><div class="h-2 rounded bg-muted-foreground/20"></div></div></div><div class="flex min-w-0 flex-col rounded-md border border-border bg-background/65 p-2"><div class="mb-3 h-1.5 w-full rounded bg-foreground/45"></div><div class="space-y-2"><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-2 rounded bg-accent/20"></div><div class="h-2 rounded bg-muted-foreground/20"></div></div></div><div class="flex min-w-0 flex-col rounded-md border border-border bg-background/65 p-2"><div class="mb-3 h-1.5 w-full rounded bg-foreground/45"></div><div class="space-y-2"><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-2 rounded bg-accent/20"></div><div class="h-2 rounded bg-accent/45"></div></div></div><div class="flex min-w-0 flex-col rounded-md border border-border bg-background/65 p-2"><div class="mb-3 h-1.5 w-full rounded bg-foreground/45"></div><div class="space-y-2"><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-2 rounded bg-accent/20"></div><div class="h-2 rounded bg-accent/45"></div></div></div><div class="flex min-w-0 flex-col rounded-md border border-border bg-background/65 p-2"><div class="mb-3 h-1.5 w-full rounded bg-foreground/45"></div><div class="space-y-2"><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-2 rounded bg-accent/20"></div><div class="h-2 rounded bg-muted-foreground/20"></div></div></div></div><svg class="absolute inset-x-4 bottom-5 h-8" viewBox="0 0 210 32" aria-hidden="true"><path d="M4 20 C32 4 56 8 82 18 S132 32 158 14 S194 8 206 18" fill="none" stroke="hsl(var(--accent))" stroke-width="3" stroke-linecap="round"></path></svg></div>',
19
- "customer-logos": '<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-4 flex items-center justify-between"><div><div class="mb-1.5 h-2.5 w-28 rounded bg-foreground/70"></div><div class="h-1.5 w-20 rounded bg-muted-foreground/25"></div></div><div class="h-7 w-10 rounded-full bg-accent/20"></div></div><div class="grid flex-1 grid-cols-4 gap-2"><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-9 bg-accent/45"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-9 bg-accent/45"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-9 bg-accent/45"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-9 bg-accent/45"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div><div class="flex items-center justify-center rounded-md border border-border bg-background/70"><div class="h-2 rounded w-7 bg-muted-foreground/25"></div></div></div></div>',
20
- "dashboard": '<div class="grid h-full w-full grid-cols-2 gap-2 bg-card p-3"><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-16 rounded bg-foreground/55"></div><div class="flex h-10 items-end gap-1.5"><div class="flex-1 rounded-t bg-accent/55" style="height:42%"></div><div class="flex-1 rounded-t bg-accent/55" style="height:70%"></div><div class="flex-1 rounded-t bg-accent/55" style="height:52%"></div><div class="flex-1 rounded-t bg-accent/55" style="height:86%"></div><div class="flex-1 rounded-t bg-accent/55" style="height:64%"></div></div></div><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-14 rounded bg-foreground/55"></div><svg class="h-10 w-full" viewBox="0 0 90 48" aria-hidden="true"><path d="M4 36 C18 18 30 30 42 20 S66 8 86 16" fill="none" stroke="hsl(var(--accent))" stroke-width="4" stroke-linecap="round"></path><path d="M4 38 H86" stroke="hsl(var(--foreground) / 0.14)" stroke-width="2"></path></svg></div><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="mx-auto h-10 w-10 rounded-full border-[8px] border-accent/45 border-r-foreground/15"></div></div><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-16 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-2 rounded bg-accent/35" style="width:72%"></div><div class="h-2 rounded bg-accent/35" style="width:48%"></div><div class="h-2 rounded bg-accent/35" style="width:84%"></div></div></div></div>',
21
- "data-visualization": '<div class="w-full h-full p-6 bg-card flex flex-col"><div class="w-32 h-3 bg-foreground/80 rounded mb-4"></div><div class="flex-1 flex items-end gap-2 px-4"><div class="flex-1 bg-accent/60 rounded-t" style="height:60%"></div><div class="flex-1 bg-accent/80 rounded-t" style="height:80%"></div><div class="flex-1 bg-accent rounded-t" style="height:45%"></div><div class="flex-1 bg-accent/70 rounded-t" style="height:90%"></div><div class="flex-1 bg-accent/50 rounded-t" style="height:55%"></div></div></div>',
22
- "decision-tree": '<div class="relative h-full w-full overflow-hidden bg-card p-4"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 28 V48 M120 48 H68 V72 M120 48 H172 V72 M68 92 V108 M172 92 V108" fill="none" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2" stroke-linecap="round"></path><path d="M68 92 H42 V108 M68 92 H94 V108 M172 92 H146 V108 M172 92 H198 V108" fill="none" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2" stroke-linecap="round"></path></svg><div class="absolute h-7 -translate-x-1/2 rounded-md border w-20 bg-accent/30 border-accent/45" style="top:13%;left:50%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-16 bg-background border-border" style="top:51%;left:28%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-16 bg-background border-border" style="top:51%;left:72%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-12 bg-muted border-border" style="top:78%;left:18%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-12 bg-accent/15 border-accent/25" style="top:78%;left:39%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-12 bg-muted border-border" style="top:78%;left:61%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div><div class="absolute h-7 -translate-x-1/2 rounded-md border w-12 bg-accent/15 border-accent/25" style="top:78%;left:82%"><div class="mx-auto mt-2.5 h-1.5 w-8 rounded bg-foreground/45"></div></div></div>',
23
- "detailed-data-table": '<div class="flex h-full w-full flex-col bg-card p-3"><div class="mb-2 grid grid-cols-[1.2fr_repeat(4,1fr)] gap-px overflow-hidden rounded bg-border"><div class="bg-foreground/10 p-1.5"><div class="h-1.5 rounded bg-foreground/45"></div></div><div class="bg-foreground/10 p-1.5"><div class="h-1.5 rounded bg-foreground/45"></div></div><div class="bg-foreground/10 p-1.5"><div class="h-1.5 rounded bg-foreground/45"></div></div><div class="bg-foreground/10 p-1.5"><div class="h-1.5 rounded bg-foreground/45"></div></div><div class="bg-foreground/10 p-1.5"><div class="h-1.5 rounded bg-foreground/45"></div></div></div><div class="grid flex-1 grid-cols-[1.2fr_repeat(4,1fr)] gap-px overflow-hidden rounded bg-border"><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-muted/70"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-foreground/35"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-1.5 bg-background/80"><div class="h-1.5 rounded bg-muted-foreground/25"></div></div></div><div class="mt-2 h-5 rounded bg-accent/15 px-2 py-1.5"><div class="ml-auto h-1.5 w-24 rounded bg-accent/65"></div></div></div>',
24
- "ecosystem-map": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 68 L59 31 M120 68 L181 31 M120 68 L202 70 M120 68 L170 106 M120 68 L70 107 M120 68 L38 70" fill="none" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2" stroke-linecap="round"></path><path d="M59 31 C94 18 145 18 181 31 M202 70 C194 90 188 98 170 106 M38 70 C48 91 55 99 70 107" fill="none" stroke="hsl(var(--accent) / 0.55)" stroke-width="2" stroke-linecap="round"></path></svg><div class="absolute left-1/2 top-1/2 h-12 w-16 -translate-x-1/2 -translate-y-1/2 rounded-md bg-accent/25 ring-2 ring-accent/45"><div class="mx-auto mt-4 h-2 w-8 rounded bg-accent"></div><div class="mx-auto mt-1.5 h-1.5 w-5 rounded bg-foreground/40"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-background" style="top:17%;left:24%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-background" style="top:17%;left:76%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-accent/15" style="top:45%;left:84%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-background" style="top:72%;left:71%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-accent/15" style="top:72%;left:29%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-11 -translate-x-1/2 rounded-full border border-border bg-background" style="top:45%;left:16%"><div class="mx-auto mt-2.5 h-1.5 w-6 rounded bg-muted-foreground/35"></div></div></div>',
25
- "executive-decision": '<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-3 rounded-md bg-foreground/90 px-3 py-2"><div class="h-2 w-32 rounded bg-background/85"></div></div><div class="mb-3 rounded-md border border-accent/35 bg-accent/15 p-3"><div class="mb-2 h-2.5 w-28 rounded bg-accent"></div><div class="h-1.5 w-full rounded bg-foreground/35"></div></div><div class="grid flex-1 grid-cols-2 gap-3"><div class="space-y-1.5"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/65"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/25"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/65"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/25"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/65"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/25"></div></div></div><div class="rounded-md bg-background/70 p-2"><div class="mb-2 h-1.5 w-12 rounded bg-muted-foreground/35"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-foreground/30"></div><div class="h-1.5 w-3/4 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-5/6 rounded bg-accent/45"></div></div></div></div></div>',
26
- "executive-summary": '<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-4 flex items-start justify-between gap-4"><div class="space-y-2"><div class="h-3 w-32 rounded bg-foreground/80"></div><div class="h-1.5 w-20 rounded bg-muted-foreground/35"></div></div><div class="h-9 w-14 rounded-md bg-accent/20"></div></div><div class="mb-3 h-7 rounded-md bg-foreground/85 p-2"><div class="h-2 w-3/4 rounded bg-background/85"></div></div><div class="grid flex-1 grid-cols-3 gap-2"><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-10 rounded bg-accent/65"></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/30"></div><div class="h-1.5 w-5/6 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-10 rounded bg-accent/65"></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/30"></div><div class="h-1.5 w-5/6 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/20"></div></div></div><div class="rounded-md border border-border bg-background/70 p-2"><div class="mb-2 h-2 w-10 rounded bg-accent/65"></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/30"></div><div class="h-1.5 w-5/6 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/20"></div></div></div></div><div class="mt-3 flex items-center gap-2 rounded-md bg-accent/10 px-3 py-2"><div class="h-3 w-3 rounded-full bg-accent"></div><div class="h-2 flex-1 rounded bg-foreground/55"></div></div></div>',
27
- "faq": '<div class="w-full h-full p-6 bg-card flex flex-col justify-center gap-4"><div class="space-y-1.5"><div class="w-3/4 h-2.5 bg-foreground/70 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="space-y-1.5"><div class="w-3/4 h-2.5 bg-foreground/70 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/25 rounded"></div></div><div class="space-y-1.5"><div class="w-3/4 h-2.5 bg-foreground/70 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/25 rounded"></div></div></div>',
28
- "feature-comparison-matrix": '<div class="flex h-full w-full flex-col bg-card p-4"><div class="mb-3 grid grid-cols-[1.4fr_repeat(3,1fr)] gap-1"><div></div><div class="h-5 rounded bg-muted"></div><div class="h-5 rounded bg-accent/45"></div><div class="h-5 rounded bg-muted"></div></div><div class="grid flex-1 grid-cols-[1.4fr_repeat(3,1fr)] gap-1"><div class="contents"><div class="rounded bg-background/70 px-2 py-2"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-accent/10"><div class="h-3 w-3 rounded-full bg-accent"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div></div><div class="contents"><div class="rounded bg-background/70 px-2 py-2"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-accent/10"><div class="h-3 w-3 rounded-full bg-accent"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div></div><div class="contents"><div class="rounded bg-background/70 px-2 py-2"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-accent/10"><div class="h-3 w-3 rounded-full bg-accent"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div></div><div class="contents"><div class="rounded bg-background/70 px-2 py-2"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-accent/10"><div class="h-3 w-3 rounded-full bg-accent"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="rounded bg-background/70 px-2 py-2"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-foreground/35"></div></div><div class="flex items-center justify-center rounded bg-accent/10"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center rounded bg-background/70"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div></div></div>',
29
- "forecast-scenario": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-5 right-5 top-5 h-2.5 w-32 rounded bg-foreground/75"></div><div class="absolute bottom-5 left-5 right-5 top-12"><svg class="h-full w-full" viewBox="0 0 200 82" aria-hidden="true"><path d="M8 62 C40 50 64 45 88 38 C120 29 150 20 192 12 L192 52 C150 42 118 47 88 55 C58 64 32 67 8 70 Z" fill="hsl(var(--accent) / 0.14)"></path><path d="M90 8 V76" stroke="hsl(var(--foreground) / 0.25)" stroke-width="2" stroke-dasharray="4 5"></path><path d="M8 66 C40 58 62 52 88 48 C120 40 150 30 192 24" fill="none" stroke="hsl(var(--foreground) / 0.32)" stroke-width="2.5" stroke-linecap="round"></path><path d="M8 66 C40 56 62 48 88 42 C120 31 150 19 192 12" fill="none" stroke="hsl(var(--accent))" stroke-width="3" stroke-linecap="round"></path><path d="M8 66 C40 60 62 56 88 54 C120 51 150 48 192 52" fill="none" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></path></svg></div></div>',
30
- "funnel-pyramid": '<div class="w-full h-full p-6 bg-card flex flex-col items-center justify-center gap-1.5"><div class="h-5 rounded" style="width:100%;background-color:hsl(var(--accent) / 0.4)"></div><div class="h-5 rounded" style="width:78%;background-color:hsl(var(--accent) / 0.55)"></div><div class="h-5 rounded" style="width:56%;background-color:hsl(var(--accent) / 0.7)"></div><div class="h-5 rounded" style="width:34%;background-color:hsl(var(--accent) / 0.85)"></div></div>',
31
- "gantt-project-plan": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="mb-4 flex items-center justify-between"><div class="h-2.5 w-28 rounded bg-foreground/75"></div><div class="flex gap-2"><div class="h-1.5 w-7 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-7 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-7 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-7 rounded bg-muted-foreground/25"></div></div></div><div class="relative grid h-[78px] grid-cols-[3rem_1fr] gap-x-3 gap-y-2"><div class="pointer-events-none absolute bottom-0 left-[46%] top-0 w-px bg-accent"></div><div class="contents"><div class="h-1.5 self-center rounded bg-muted-foreground/30"></div><div class="relative h-4 rounded bg-background/70"><div class="absolute top-1 h-2 rounded bg-foreground/25" style="left:8%;width:44%"></div></div></div><div class="contents"><div class="h-1.5 self-center rounded bg-muted-foreground/30"></div><div class="relative h-4 rounded bg-background/70"><div class="absolute top-1 h-2 rounded bg-foreground/25" style="left:16%;width:40%"></div><div class="absolute right-[18%] top-1 h-2 w-2 rotate-45 rounded-sm bg-accent/70"></div></div></div><div class="contents"><div class="h-1.5 self-center rounded bg-muted-foreground/30"></div><div class="relative h-4 rounded bg-background/70"><div class="absolute top-1 h-2 rounded bg-accent" style="left:24%;width:36%"></div></div></div><div class="contents"><div class="h-1.5 self-center rounded bg-muted-foreground/30"></div><div class="relative h-4 rounded bg-background/70"><div class="absolute top-1 h-2 rounded bg-foreground/25" style="left:32%;width:32%"></div></div></div><div class="contents"><div class="h-1.5 self-center rounded bg-muted-foreground/30"></div><div class="relative h-4 rounded bg-background/70"><div class="absolute top-1 h-2 rounded bg-accent/35" style="left:40%;width:28%"></div></div></div></div></div>',
32
- "geographic-map": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M35 38 L66 24 L101 33 L96 62 L72 72 L45 64 Z" fill="hsl(var(--accent) / 0.18)" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2"></path><path d="M103 39 L143 25 L181 45 L170 76 L128 80 L96 62 Z" fill="hsl(var(--accent) / 0.28)" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2"></path><path d="M75 74 L126 80 L156 104 L116 116 L70 102 Z" fill="hsl(var(--foreground) / 0.08)" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2"></path><path d="M173 77 L204 68 L215 96 L184 111 L156 104 Z" fill="hsl(var(--accent) / 0.36)" stroke="hsl(var(--foreground) / 0.18)" stroke-width="2"></path></svg><div class="absolute h-4 w-4 -translate-x-1/2 rounded-full bg-accent ring-2 ring-background" style="top:32%;left:59%"></div><div class="absolute h-4 w-4 -translate-x-1/2 rounded-full bg-accent ring-2 ring-background" style="top:53%;left:72%"></div><div class="absolute h-4 w-4 -translate-x-1/2 rounded-full bg-accent ring-2 ring-background" style="top:67%;left:43%"></div><div class="absolute bottom-5 left-5 flex items-center gap-1.5 rounded bg-background/85 px-2 py-1"><div class="h-2 w-5 rounded bg-accent/30"></div><div class="h-2 w-5 rounded bg-accent/60"></div><div class="h-2 w-5 rounded bg-accent"></div></div></div>',
33
- "heatmap-cohort": '<div class="flex h-full w-full flex-col bg-card p-4"><div class="mb-3 flex items-end justify-between"><div class="h-2.5 w-28 rounded bg-foreground/70"></div><div class="flex gap-1"><div class="h-2 w-4 rounded bg-accent" style="opacity:0.15"></div><div class="h-2 w-4 rounded bg-accent" style="opacity:0.3"></div><div class="h-2 w-4 rounded bg-accent" style="opacity:0.45"></div><div class="h-2 w-4 rounded bg-accent" style="opacity:0.65"></div></div></div><div class="grid flex-1 grid-cols-7 gap-1"><div class="rounded-sm bg-accent" style="opacity:0.43000000000000005"></div><div class="rounded-sm bg-accent" style="opacity:0.22"></div><div class="rounded-sm bg-accent" style="opacity:0.29000000000000004"></div><div class="rounded-sm bg-accent" style="opacity:0.36"></div><div class="rounded-sm bg-accent" style="opacity:0.18"></div><div class="rounded-sm bg-accent" style="opacity:0.25"></div><div class="rounded-sm bg-accent" style="opacity:0.6000000000000001"></div><div class="rounded-sm bg-accent" style="opacity:0.39"></div><div class="rounded-sm bg-accent" style="opacity:0.21"></div><div class="rounded-sm bg-accent" style="opacity:0.28"></div><div class="rounded-sm bg-accent" style="opacity:0.35"></div><div class="rounded-sm bg-accent" style="opacity:0.16999999999999998"></div><div class="rounded-sm bg-accent" style="opacity:0.52"></div><div class="rounded-sm bg-accent" style="opacity:0.31"></div><div class="rounded-sm bg-accent" style="opacity:0.38"></div><div class="rounded-sm bg-accent" style="opacity:0.2"></div><div class="rounded-sm bg-accent" style="opacity:0.27"></div><div class="rounded-sm bg-accent" style="opacity:0.33999999999999997"></div><div class="rounded-sm bg-accent" style="opacity:0.44000000000000006"></div><div class="rounded-sm bg-accent" style="opacity:0.22999999999999998"></div><div class="rounded-sm bg-accent" style="opacity:0.3"></div><div class="rounded-sm bg-accent" style="opacity:0.37"></div><div class="rounded-sm bg-accent" style="opacity:0.19"></div><div class="rounded-sm bg-accent" style="opacity:0.26"></div><div class="rounded-sm bg-accent" style="opacity:0.61"></div><div class="rounded-sm bg-accent" style="opacity:0.15"></div><div class="rounded-sm bg-accent" style="opacity:0.22"></div><div class="rounded-sm bg-accent" style="opacity:0.29000000000000004"></div><div class="rounded-sm bg-accent" style="opacity:0.36"></div><div class="rounded-sm bg-accent" style="opacity:0.18"></div><div class="rounded-sm bg-accent" style="opacity:0.53"></div><div class="rounded-sm bg-accent" style="opacity:0.32"></div><div class="rounded-sm bg-accent" style="opacity:0.39"></div><div class="rounded-sm bg-accent" style="opacity:0.21"></div><div class="rounded-sm bg-accent" style="opacity:0.28"></div></div></div>',
34
- "hub-and-spoke": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><line x1="120" y1="68" x2="61" y2="28" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line><line x1="120" y1="68" x2="178" y2="28" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line><line x1="120" y1="68" x2="196" y2="68" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line><line x1="120" y1="68" x2="176" y2="107" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line><line x1="120" y1="68" x2="64" y2="107" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line><line x1="120" y1="68" x2="44" y2="68" stroke="hsl(var(--foreground) / 0.22)" stroke-width="2.5" stroke-linecap="round"></line></svg><div class="absolute left-1/2 top-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 rounded-full bg-accent/25 ring-2 ring-accent/45"><div class="mx-auto mt-5 h-1.5 w-7 rounded bg-accent"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:18%;left:25%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:18%;left:74%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:44%;left:82%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:73%;left:73%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:73%;left:27%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div><div class="absolute h-7 w-9 -translate-x-1/2 rounded-full border border-border bg-background" style="top:44%;left:18%"><div class="mx-auto mt-2.5 h-1.5 w-5 rounded bg-muted-foreground/35"></div></div></div>',
35
- "icon-grid": '<div class="w-full h-full p-6 bg-card"><div class="w-24 h-2.5 bg-foreground/80 rounded mb-4"></div><div class="grid grid-cols-3 gap-3"><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-7 h-7 rounded bg-accent/30"></div><div class="w-12 h-1.5 bg-muted-foreground/40 rounded"></div></div></div></div>',
36
- "image-focus": '<div class="w-full h-full bg-gradient-to-br from-accent/20 to-accent/40 flex items-end p-6"><div class="space-y-2"><div class="w-40 h-3 bg-foreground rounded"></div><div class="w-24 h-2 bg-foreground/60 rounded"></div></div></div>',
37
- "key-takeaway": '<div class="flex h-full w-full items-center justify-center bg-card p-8"><div class="w-full max-w-[210px] space-y-3 text-center"><div class="mx-auto h-1 w-12 rounded bg-accent"></div><div class="mx-auto h-4 w-full rounded bg-foreground/85"></div><div class="mx-auto h-4 w-4/5 rounded bg-foreground/85"></div><div class="mx-auto mt-4 h-1.5 w-24 rounded bg-muted-foreground/30"></div></div></div>',
38
- "kpi-scorecard": '<div class="flex h-full w-full flex-col bg-card p-4"><div class="mb-2 grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] gap-2"><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div></div><div class="grid flex-1 grid-rows-4 gap-1.5"><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/70"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-foreground/25"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/70"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/35"></div></div></div></div>',
39
- "logic-tree": '<div class="relative h-full w-full overflow-hidden bg-card p-4"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 28 V48 H56 V72 M120 48 H120 V72 M120 48 H184 V72" fill="none" stroke="hsl(var(--foreground) / 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M56 92 V108 M120 92 V108 M184 92 V108" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round"></path></svg><div class="absolute left-1/2 top-[12%] h-8 w-28 -translate-x-1/2 rounded-md bg-accent/25 ring-1 ring-accent/35"><div class="mx-auto mt-3 h-2 w-16 rounded bg-accent"></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:25%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted "></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:50%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted bg-accent/15"></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:75%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted "></div></div></div>',
40
- "market-size": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-6 top-5 space-y-1.5"><div class="h-2.5 w-24 rounded bg-foreground/75"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="absolute right-8 top-1/2 h-24 w-24 -translate-y-1/2 rounded-full border border-accent/35 bg-accent/10"></div><div class="absolute right-12 top-1/2 h-16 w-16 -translate-y-1/2 rounded-full border border-accent/55 bg-accent/20"></div><div class="absolute right-16 top-1/2 h-8 w-8 -translate-y-1/2 rounded-full bg-accent/70"></div><div class="absolute bottom-5 left-6 space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/35"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/35"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div></div></div>',
41
- "matrix-quadrant": '<div class="w-full h-full p-6 bg-card flex items-center justify-center"><div class="relative w-full h-full max-w-[140px] max-h-[100px]"><div class="absolute bottom-0 left-0 right-0 h-px bg-foreground/40"></div><div class="absolute top-0 bottom-0 left-1/2 w-px bg-foreground/40"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:20%;left:65%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:60%;left:25%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:35%;left:80%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:70%;left:45%"></div></div></div>',
42
- "network-dependency-map": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M48 38 L102 58 L132 32 L192 48 L168 92 L104 104 L48 38" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M102 58 L168 92 L192 48" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M48 38 L102 58 L168 92" fill="none" stroke="hsl(var(--accent))" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute -translate-x-1/2 rounded-full border h-8 w-10 bg-accent/30 border-accent/35" style="top:22%;left:20%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-9 w-11 bg-accent/20 border-accent/30" style="top:37%;left:43%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-7 w-9 bg-background border-border" style="top:17%;left:55%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-8 w-10 bg-background border-border" style="top:30%;left:80%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-9 w-11 bg-accent/45 border-accent/40" style="top:66%;left:70%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-7 w-9 bg-background border-border" style="top:76%;left:44%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div></div>',
43
- "one-column-explainer": '<div class="flex h-full w-full gap-5 bg-card p-6"><div class="flex min-w-0 flex-1 flex-col justify-center"><div class="mb-4 h-3 w-36 rounded bg-foreground/80"></div><div class="space-y-2"><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-4/5 rounded bg-muted-foreground/20"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-4/5 rounded bg-muted-foreground/20"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div></div></div></div><div class="my-auto w-20 rounded-md border-l-2 border-accent bg-accent/10 p-3"><div class="mb-2 h-2 w-full rounded bg-foreground/50"></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/25"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/20"></div></div></div></div>',
44
- "org-chart": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 38 V54 M61 54 H179 M61 54 V70 M120 54 V70 M179 54 V70" fill="none" stroke="hsl(var(--foreground) / 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M61 94 V104 M120 94 V104 M179 94 V104 M34 104 H88 M93 104 H147 M152 104 H206" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute left-1/2 top-5 h-9 w-20 -translate-x-1/2 rounded-md border border-accent/35 bg-accent/20"><div class="mx-auto mt-2.5 h-2 w-10 rounded bg-accent"></div><div class="mx-auto mt-1.5 h-1.5 w-7 rounded bg-foreground/35"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:25%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:50%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:75%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:14%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:26%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:39%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:51%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:64%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:76%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div></div>',
45
- "persona-grid": '<div class="grid h-full w-full grid-cols-3 gap-3 bg-card p-5"><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-muted"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-accent/55"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-accent/35"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-accent/55"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-muted"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-accent/55"></div></div></div></div>',
46
- "photo-grid": '<div class="w-full h-full p-4 bg-card"><div class="grid grid-cols-2 gap-2 h-full"><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div></div></div>',
47
- "pricing-table": '<div class="w-full h-full flex p-4 gap-2 bg-card"><div class="flex-1 rounded border border-border p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div><div class="flex-1 rounded border border-accent bg-accent/5 p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div><div class="flex-1 rounded border border-border p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div></div>',
48
- "process-flow": '<div class="w-full h-full p-6 bg-card flex items-center justify-center gap-1"><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">\u203A</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">\u203A</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">\u203A</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div></div></div>',
49
- "product-feature": '<div class="w-full h-full flex bg-card p-5 gap-5"><div class="flex-[2] bg-muted rounded"></div><div class="flex-1 flex flex-col justify-center gap-2"><div class="w-full h-3 bg-foreground/70 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-muted-foreground/30 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/30 rounded"></div></div></div>',
50
- "pros-cons": '<div class="flex h-full w-full gap-4 bg-card p-5"><div class="flex-1 rounded-md border p-3 border-accent/45 bg-accent/10"><div class="mb-3 flex items-center gap-2"><div class="h-5 w-5 rounded-full bg-accent"></div><div class="h-2.5 rounded bg-foreground/70 w-12"></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div></div></div><div class="flex-1 rounded-md border p-3 border-foreground/15 bg-muted/60"><div class="mb-3 flex items-center gap-2"><div class="h-5 w-5 rounded-full bg-foreground/45"></div><div class="h-2.5 rounded bg-foreground/70 w-14"></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div></div></div></div>',
51
- "qa-discussion": '<div class="flex h-full w-full bg-card p-6"><div class="flex flex-1 flex-col justify-center"><div class="font-serif text-6xl leading-none text-accent">?</div><div class="mt-2 h-3 w-28 rounded bg-foreground/80"></div><div class="mt-2 h-2 w-36 rounded bg-muted-foreground/30"></div></div><div class="flex w-28 flex-col justify-center gap-2"><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div></div></div>',
52
- "quote-highlight": '<div class="w-full h-full flex items-center justify-center p-8 bg-muted"><div class="text-center space-y-3"><div class="text-4xl text-accent font-serif">&quot;</div><div class="w-48 h-2 bg-foreground/60 rounded mx-auto"></div><div class="w-40 h-2 bg-foreground/60 rounded mx-auto"></div><div class="w-20 h-1.5 bg-muted-foreground/50 rounded mx-auto mt-4"></div></div></div>',
53
- "raci-matrix": '<div class="h-full w-full bg-card p-4"><div class="grid h-full grid-cols-[1.5fr_repeat(4,1fr)] grid-rows-[1rem_repeat(5,1fr)] overflow-hidden rounded-md border border-border bg-background/70"><div class="border-b border-r border-border bg-muted/50"></div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">R</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">A</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">C</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">I</div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div></div></div>',
54
- "risk-heatmap": '<div class="relative h-full w-full bg-card p-5"><div class="grid h-full w-full grid-cols-3 grid-rows-3 gap-1"><div class="rounded-sm border border-background bg-accent/10"></div><div class="rounded-sm border border-background bg-accent/20"></div><div class="rounded-sm border border-background bg-accent/30"></div><div class="rounded-sm border border-background bg-muted/80"></div><div class="rounded-sm border border-background bg-accent/10"></div><div class="rounded-sm border border-background bg-accent/25"></div><div class="rounded-sm border border-background bg-background/70"></div><div class="rounded-sm border border-background bg-muted/70"></div><div class="rounded-sm border border-background bg-accent/20"></div></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-3 w-3" style="top:22%;left:73%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-4 w-4" style="top:42%;left:55%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-3 w-3" style="top:68%;left:33%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-2.5 w-2.5" style="top:28%;left:37%"></div></div>',
55
- "roadmap": '<div class="w-full h-full p-5 bg-card flex flex-col justify-center gap-3"><div class="w-20 h-2.5 bg-foreground/80 rounded"></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div></div>',
56
- "screenshot-walkthrough": '<div class="relative h-full w-full overflow-hidden bg-card p-4"><div class="h-full rounded-md border border-border bg-background shadow-sm"><div class="flex h-5 items-center gap-1.5 border-b border-border px-2"><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="ml-2 h-1.5 w-20 rounded bg-muted-foreground/20"></div></div><div class="grid h-[calc(100%-1.25rem)] grid-cols-[2.2rem_1fr]"><div class="border-r border-border bg-muted/50 p-2"><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-3"><div class="mb-3 h-3 w-24 rounded bg-foreground/65"></div><div class="grid grid-cols-2 gap-2"><div class="h-12 rounded bg-accent/15"></div><div class="h-12 rounded bg-muted"></div><div class="col-span-2 h-5 rounded bg-foreground/10"></div></div></div></div></div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:27%;left:63%">1</div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:58%;left:47%">2</div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:71%;left:78%">3</div></div>',
57
- "section-divider": '<div class="w-full h-full flex items-center justify-center bg-foreground"><div class="text-center"><div class="w-8 h-8 rounded-full border-2 border-background/40 mx-auto mb-3"></div><div class="w-24 h-2 bg-background/80 rounded mx-auto"></div></div></div>',
58
- "single-message-statement": '<div class="flex h-full w-full items-center justify-center bg-muted p-8"><div class="relative w-full max-w-[220px] py-5 text-center"><div class="absolute left-1/2 top-0 h-px w-16 -translate-x-1/2 bg-accent"></div><div class="mx-auto mb-3 h-4 w-full rounded bg-foreground/85"></div><div class="mx-auto h-4 w-5/6 rounded bg-foreground/85"></div><div class="mx-auto mt-5 h-1.5 w-12 rounded bg-accent/70"></div></div></div>',
59
- "stats-metrics": '<div class="w-full h-full p-6 bg-card flex items-center justify-around"><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div></div>',
60
- "status-rag": '<div class="flex h-full w-full flex-col bg-card p-3"><div class="mb-2 grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] gap-2 rounded bg-foreground/10 p-2"><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div></div><div class="grid flex-1 grid-rows-4 gap-1.5"><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/75"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-foreground/25"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/75"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/35"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div></div></div>',
61
- "swimlane-process": '<div class="relative h-full w-full overflow-hidden bg-card p-4"><div class="grid h-full grid-rows-3 gap-2"><div class="rounded-md bg-background/70"></div><div class="rounded-md bg-background/70"></div><div class="rounded-md bg-background/70"></div></div><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M42 32 H92 V68 H142 V104 H196" fill="none" stroke="hsl(var(--foreground) / 0.3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M190 99 L198 104 L190 109" fill="none" stroke="hsl(var(--foreground) / 0.3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/35 border-accent/35" style="top:17%;left:12%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-background border-border" style="top:17%;left:34%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/15 border-accent/30" style="top:44%;left:34%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-background border-border" style="top:44%;left:56%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/15 border-accent/30" style="top:70%;left:56%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/55 border-accent/50" style="top:70%;left:78%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div></div>',
62
- "swot-analysis": '<div class="w-full h-full p-4 bg-card"><div class="w-24 h-2.5 bg-foreground/80 rounded mb-3"></div><div class="grid grid-cols-2 gap-2 flex-1"><div class="bg-green-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-red-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-blue-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-yellow-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div></div></div>',
63
- "team-bio": '<div class="w-full h-full p-5 bg-card"><div class="w-20 h-2.5 bg-foreground/80 rounded mb-4"></div><div class="grid grid-cols-3 gap-3"><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div></div></div>',
64
- "testimonial-grid": '<div class="w-full h-full p-4 bg-card"><div class="grid grid-cols-2 gap-2 h-full"><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div></div></div>',
65
- "thank-you-cta": '<div class="w-full h-full flex flex-col items-center justify-center gap-4 bg-gradient-to-br from-foreground to-foreground/80 p-8"><div class="w-36 h-4 bg-background/90 rounded mx-auto"></div><div class="w-48 h-2 bg-background/40 rounded mx-auto"></div><div class="w-28 h-7 bg-accent rounded-full mt-2"></div></div>',
66
- "three-column": '<div class="w-full h-full flex p-5 gap-3 bg-card"><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div></div>',
67
- "timeline": '<div class="w-full h-full p-6 bg-card flex items-center"><div class="relative w-full"><div class="absolute top-1/2 left-0 right-0 h-px bg-foreground/30"></div><div class="flex justify-between relative"><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-accent border-accent"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div></div></div></div>',
68
- "title-slide": '<div class="w-full h-full flex items-center justify-center p-8 bg-gradient-to-br from-foreground to-foreground/80"><div class="text-center"><div class="w-48 h-3 bg-background/90 rounded mx-auto mb-3"></div><div class="w-32 h-2 bg-background/50 rounded mx-auto"></div></div></div>',
69
- "two-column": '<div class="w-full h-full flex p-6 gap-4 bg-card"><div class="flex-1 space-y-2"><div class="w-full h-3 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div><div class="w-2/3 h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-full h-3 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div><div class="w-2/3 h-2 bg-muted-foreground/30 rounded"></div></div></div>',
70
- "venn-overlap": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-[18%] top-[22%] h-24 w-24 rounded-full border border-accent/50 bg-accent/20"></div><div class="absolute left-[35%] top-[22%] h-24 w-24 rounded-full border border-foreground/20 bg-foreground/10"></div><div class="absolute left-[27%] top-[42%] h-24 w-24 rounded-full border border-accent/35 bg-accent/15"></div><div class="absolute left-1/2 top-1/2 h-10 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full bg-background/90 ring-1 ring-accent/35"><div class="mx-auto mt-4 h-1.5 w-14 rounded bg-accent"></div></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-12" style="top:20%;left:24%"></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-14" style="top:20%;left:61%"></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-16" style="top:72%;left:44%"></div></div>',
71
- "waterfall-bridge": '<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-4 h-2.5 w-28 rounded bg-foreground/75"></div><div class="relative flex flex-1 items-end gap-2 px-2 pb-3"><div class="absolute inset-x-2 bottom-3 h-px bg-foreground/20"></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/50" style="bottom:0%;height:58%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/65" style="bottom:58%;height:28%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/35" style="bottom:66%;height:20%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/25" style="bottom:44%;height:22%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/55" style="bottom:44%;height:18%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/65" style="bottom:0%;height:62%"></div></div></div></div>',
72
- "wheel-radial": '<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-1/2 top-1/2 h-24 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full border border-foreground/15" style="background:conic-gradient(hsl(var(--accent) / 0.52) 0deg 60deg, hsl(var(--accent) / 0.22) 60deg 120deg, hsl(var(--foreground) / 0.08) 120deg 180deg, hsl(var(--accent) / 0.38) 180deg 240deg, hsl(var(--foreground) / 0.12) 240deg 300deg, hsl(var(--accent) / 0.28) 300deg 360deg)"></div><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(0 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(60 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(120 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(180 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(240 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(300 120 68)"></line></svg><div class="absolute left-1/2 top-1/2 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-background ring-1 ring-border"><div class="mx-auto mt-4 h-1.5 w-5 rounded bg-accent"></div></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:14%;left:50%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:35%;left:78%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:70%;left:73%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:77%;left:50%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:70%;left:27%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:35%;left:22%"></div></div>'
73
- };
74
- var layoutPreviewIndexRaw = {
75
- "$schema": "https://openpresentation.org/schema/opf-layout-preview-index/v1",
76
- "version": "1",
77
- "description": "Catalog of static HTML previews for slide layouts. Each preview is a self-contained Tailwind-styled snippet sized to fill a 16:9 thumbnail. Consumers should provide the standard pptx.gallery CSS variables (--background, --foreground, --card, --muted, --muted-foreground, --accent, --border) on a parent element.",
78
- "records": [
79
- {
80
- "id": "action-plan",
81
- "file": "action-plan.html",
82
- "bytes": 1940
83
- },
84
- {
85
- "id": "agenda",
86
- "file": "agenda.html",
87
- "bytes": 1196
88
- },
89
- {
90
- "id": "appendix-index",
91
- "file": "appendix-index.html",
92
- "bytes": 1678
93
- },
94
- {
95
- "id": "architecture-stack",
96
- "file": "architecture-stack.html",
97
- "bytes": 1656
98
- },
99
- {
100
- "id": "assumptions-dependencies",
101
- "file": "assumptions-dependencies.html",
102
- "bytes": 1977
103
- },
104
- {
105
- "id": "before-after",
106
- "file": "before-after.html",
107
- "bytes": 475
108
- },
109
- {
110
- "id": "benchmark-target-table",
111
- "file": "benchmark-target-table.html",
112
- "bytes": 1984
113
- },
114
- {
115
- "id": "bullet-list",
116
- "file": "bullet-list.html",
117
- "bytes": 1028
118
- },
119
- {
120
- "id": "business-model-canvas",
121
- "file": "business-model-canvas.html",
122
- "bytes": 2734
123
- },
124
- {
125
- "id": "capability-map",
126
- "file": "capability-map.html",
127
- "bytes": 2343
128
- },
129
- {
130
- "id": "case-study",
131
- "file": "case-study.html",
132
- "bytes": 1476
133
- },
134
- {
135
- "id": "chapter-recap",
136
- "file": "chapter-recap.html",
137
- "bytes": 1682
138
- },
139
- {
140
- "id": "circular-lifecycle",
141
- "file": "circular-lifecycle.html",
142
- "bytes": 1796
143
- },
144
- {
145
- "id": "comparison",
146
- "file": "comparison.html",
147
- "bytes": 1304
148
- },
149
- {
150
- "id": "competitive-landscape",
151
- "file": "competitive-landscape.html",
152
- "bytes": 1377
153
- },
154
- {
155
- "id": "customer-journey",
156
- "file": "customer-journey.html",
157
- "bytes": 2024
158
- },
159
- {
160
- "id": "customer-logos",
161
- "file": "customer-logos.html",
162
- "bytes": 2222
163
- },
164
- {
165
- "id": "dashboard",
166
- "file": "dashboard.html",
167
- "bytes": 1582
168
- },
169
- {
170
- "id": "data-visualization",
171
- "file": "data-visualization.html",
172
- "bytes": 506
173
- },
174
- {
175
- "id": "decision-tree",
176
- "file": "decision-tree.html",
177
- "bytes": 1869
178
- },
179
- {
180
- "id": "detailed-data-table",
181
- "file": "detailed-data-table.html",
182
- "bytes": 4158
183
- },
184
- {
185
- "id": "ecosystem-map",
186
- "file": "ecosystem-map.html",
187
- "bytes": 2026
188
- },
189
- {
190
- "id": "executive-decision",
191
- "file": "executive-decision.html",
192
- "bytes": 1229
193
- },
194
- {
195
- "id": "executive-summary",
196
- "file": "executive-summary.html",
197
- "bytes": 1699
198
- },
199
- {
200
- "id": "faq",
201
- "file": "faq.html",
202
- "bytes": 530
203
- },
204
- {
205
- "id": "feature-comparison-matrix",
206
- "file": "feature-comparison-matrix.html",
207
- "bytes": 3035
208
- },
209
- {
210
- "id": "forecast-scenario",
211
- "file": "forecast-scenario.html",
212
- "bytes": 997
213
- },
214
- {
215
- "id": "funnel-pyramid",
216
- "file": "funnel-pyramid.html",
217
- "bytes": 462
218
- },
219
- {
220
- "id": "gantt-project-plan",
221
- "file": "gantt-project-plan.html",
222
- "bytes": 1912
223
- },
224
- {
225
- "id": "geographic-map",
226
- "file": "geographic-map.html",
227
- "bytes": 1388
228
- },
229
- {
230
- "id": "heatmap-cohort",
231
- "file": "heatmap-cohort.html",
232
- "bytes": 2763
233
- },
234
- {
235
- "id": "hub-and-spoke",
236
- "file": "hub-and-spoke.html",
237
- "bytes": 2331
238
- },
239
- {
240
- "id": "icon-grid",
241
- "file": "icon-grid.html",
242
- "bytes": 1125
243
- },
244
- {
245
- "id": "image-focus",
246
- "file": "image-focus.html",
247
- "bytes": 230
248
- },
249
- {
250
- "id": "key-takeaway",
251
- "file": "key-takeaway.html",
252
- "bytes": 393
253
- },
254
- {
255
- "id": "kpi-scorecard",
256
- "file": "kpi-scorecard.html",
257
- "bytes": 1633
258
- },
259
- {
260
- "id": "logic-tree",
261
- "file": "logic-tree.html",
262
- "bytes": 1531
263
- },
264
- {
265
- "id": "market-size",
266
- "file": "market-size.html",
267
- "bytes": 1100
268
- },
269
- {
270
- "id": "matrix-quadrant",
271
- "file": "matrix-quadrant.html",
272
- "bytes": 644
273
- },
274
- {
275
- "id": "network-dependency-map",
276
- "file": "network-dependency-map.html",
277
- "bytes": 1816
278
- },
279
- {
280
- "id": "one-column-explainer",
281
- "file": "one-column-explainer.html",
282
- "bytes": 1263
283
- },
284
- {
285
- "id": "org-chart",
286
- "file": "org-chart.html",
287
- "bytes": 2565
288
- },
289
- {
290
- "id": "persona-grid",
291
- "file": "persona-grid.html",
292
- "bytes": 1770
293
- },
294
- {
295
- "id": "photo-grid",
296
- "file": "photo-grid.html",
297
- "bytes": 254
298
- },
299
- {
300
- "id": "pricing-table",
301
- "file": "pricing-table.html",
302
- "bytes": 2171
303
- },
304
- {
305
- "id": "process-flow",
306
- "file": "process-flow.html",
307
- "bytes": 1057
308
- },
309
- {
310
- "id": "product-feature",
311
- "file": "product-feature.html",
312
- "bytes": 405
313
- },
314
- {
315
- "id": "pros-cons",
316
- "file": "pros-cons.html",
317
- "bytes": 1846
318
- },
319
- {
320
- "id": "qa-discussion",
321
- "file": "qa-discussion.html",
322
- "bytes": 945
323
- },
324
- {
325
- "id": "quote-highlight",
326
- "file": "quote-highlight.html",
327
- "bytes": 373
328
- },
329
- {
330
- "id": "raci-matrix",
331
- "file": "raci-matrix.html",
332
- "bytes": 4854
333
- },
334
- {
335
- "id": "risk-heatmap",
336
- "file": "risk-heatmap.html",
337
- "bytes": 1264
338
- },
339
- {
340
- "id": "roadmap",
341
- "file": "roadmap.html",
342
- "bytes": 819
343
- },
344
- {
345
- "id": "screenshot-walkthrough",
346
- "file": "screenshot-walkthrough.html",
347
- "bytes": 1808
348
- },
349
- {
350
- "id": "section-divider",
351
- "file": "section-divider.html",
352
- "bytes": 255
353
- },
354
- {
355
- "id": "single-message-statement",
356
- "file": "single-message-statement.html",
357
- "bytes": 419
358
- },
359
- {
360
- "id": "stats-metrics",
361
- "file": "stats-metrics.html",
362
- "bytes": 570
363
- },
364
- {
365
- "id": "status-rag",
366
- "file": "status-rag.html",
367
- "bytes": 1678
368
- },
369
- {
370
- "id": "swimlane-process",
371
- "file": "swimlane-process.html",
372
- "bytes": 1815
373
- },
374
- {
375
- "id": "swot-analysis",
376
- "file": "swot-analysis.html",
377
- "bytes": 1112
378
- },
379
- {
380
- "id": "team-bio",
381
- "file": "team-bio.html",
382
- "bytes": 1527
383
- },
384
- {
385
- "id": "testimonial-grid",
386
- "file": "testimonial-grid.html",
387
- "bytes": 1374
388
- },
389
- {
390
- "id": "thank-you-cta",
391
- "file": "thank-you-cta.html",
392
- "bytes": 314
393
- },
394
- {
395
- "id": "three-column",
396
- "file": "three-column.html",
397
- "bytes": 857
398
- },
399
- {
400
- "id": "timeline",
401
- "file": "timeline.html",
402
- "bytes": 1189
403
- },
404
- {
405
- "id": "title-slide",
406
- "file": "title-slide.html",
407
- "bytes": 279
408
- },
409
- {
410
- "id": "two-column",
411
- "file": "two-column.html",
412
- "bytes": 600
413
- },
414
- {
415
- "id": "venn-overlap",
416
- "file": "venn-overlap.html",
417
- "bytes": 943
418
- },
419
- {
420
- "id": "waterfall-bridge",
421
- "file": "waterfall-bridge.html",
422
- "bytes": 1068
423
- },
424
- {
425
- "id": "wheel-radial",
426
- "file": "wheel-radial.html",
427
- "bytes": 2159
428
- }
429
- ]
430
- };
431
-
432
- // src/previews.ts
433
- var layoutPreviews = layoutPreviewsRaw;
434
- var layoutPreviewIndex = layoutPreviewIndexRaw;
435
- var layoutPreviewSlugs = Object.freeze(
436
- Object.keys(layoutPreviewsRaw).sort()
437
- );
438
- function hasLayoutPreview(slug) {
439
- return Object.prototype.hasOwnProperty.call(layoutPreviewsRaw, slug);
440
- }
441
- function getLayoutPreview(slug) {
442
- return layoutPreviewsRaw[slug];
443
- }
444
-
445
- export { getLayoutPreview, hasLayoutPreview, layoutPreviewIndex, layoutPreviewSlugs, layoutPreviews };
446
- //# sourceMappingURL=previews.js.map
447
- //# sourceMappingURL=previews.js.map
1
+ export { getLayoutPreview, hasLayoutPreview, layoutPreviewIndex, layoutPreviewSlugs, layoutPreviews } from './chunk-PIQXLBBJ.js';