conversation-replay 0.1.7 → 0.1.9

package/README.md

@@ -180,6 +180,14 @@ meta:
   hideHeaderInIframe: true       # Hide header when embedded (default: true)
 ```
 
+Timing & Visual:
+```yaml
+meta:
+  timerStyle: circle             # circle | bar (countdown display style)
+  cornerStyle: rounded           # rounded | straight (border radius)
+  initialBlur: 1                 # Blur amount in px for initial play overlay (default: 1)
+```
+
 Custom colors (New Slate/Indigo Default Palette):
 You can override any color, but the defaults are designed for a premium look:
 ```yaml
@@ -193,6 +201,8 @@ meta:
     rightBg: "#f1f5f9"           # Slate 100 (Right/AI bubble)
     rightBorder: "transparent"   # Border for right bubble
     tabInactiveColor: "#94a3b8"  # Slate 400
+    annotationText: "#475569"    # Slate 600 (Annotation text color)
+    annotationBorder: "#cbd5e1"  # Slate 300 (Annotation accent bar)
 ```
 
 ## Output Features

package/dist/cli.js

@@ -7267,7 +7267,56 @@ async function loadDemo(filePath) {
 
 // src/generator.ts
 import { writeFile } from "node:fs/promises";
-var VERSION = "0.1.0";
+// package.json
+var package_default = {
+  name: "conversation-replay",
+  version: "0.1.9",
+  description: "Create animated text conversation replays",
+  main: "dist/cli.js",
+  type: "module",
+  bin: {
+    "conversation-replay": "dist/cli.js"
+  },
+  files: [
+    "dist",
+    "README.md"
+  ],
+  scripts: {
+    build: "bun run src/cli.ts build",
+    validate: "bun run src/cli.ts validate",
+    example: "bun run src/cli.ts build examples/london-scam.yaml -o examples/london-scam.html",
+    "build:dist": "bun build src/cli.ts --target=node --outfile=dist/cli.js --packages=bundle",
+    prepare: "bun run build:dist",
+    prepublishOnly: "bun run build:dist"
+  },
+  keywords: [
+    "conversation",
+    "demo",
+    "animation",
+    "security-awareness",
+    "training",
+    "chat",
+    "replay"
+  ],
+  author: "Lenny Zeltser",
+  license: "MIT",
+  repository: {
+    type: "git",
+    url: "https://github.com/lennyzeltser/conversation-replay"
+  },
+  devDependencies: {
+    "@types/bun": "latest"
+  },
+  peerDependencies: {
+    typescript: "^5"
+  },
+  dependencies: {
+    yaml: "^2.8.2"
+  }
+};
+
+// src/generator.ts
+var VERSION = package_default.version;
 function escapeHtml(text) {
   return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
@@ -7683,7 +7732,7 @@ function generateCss(theme, hasMultipleScenarios, colors, cornerStyle, initialBl
         display: none;  /* Chrome Safari */
     }
 
-    .chat-container.fading {
+    .chat-container.fading .chat-scroll-area {
       opacity: 0;
     }
 
@@ -7741,7 +7790,7 @@ function generateCss(theme, hasMultipleScenarios, colors, cornerStyle, initialBl
       min-height: 0;
       max-height: none !important; /* Remove height constraint in iframe */
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Subtle shadow in iframe */
-      /* Keep border and background for visual definition */
+      background: var(--bg-chat) !important; /* Ensure opaque background in iframe */
       margin-bottom: clamp(70px, 15vh, 120px); /* Responsive space for fixed controls */
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "conversation-replay",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Create animated text conversation replays",
   "main": "dist/cli.js",
   "type": "module",