prompt-profile 0.1.2 → 0.1.4

package/README.md

@@ -21,11 +21,28 @@ The author's own report, from about 1,700 real prompts over six months, publishe
 The share card is the same for both: it never contains quotes or project names. The full report
 in every look (`--look`; render only, no new analysis):
 
-| [Classic](https://erictsai83.github.io/prompt-profile/demo/full/report.html) (default) | [Signal](https://erictsai83.github.io/prompt-profile/demo/signal/report.html) |
-| -------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
-| ![Classic card](docs/demo/card.png)                                                    | ![Signal card](docs/demo/signal/card.png)                                     |
-| [Afterhours](https://erictsai83.github.io/prompt-profile/demo/afterhours/report.html)  | [Studio](https://erictsai83.github.io/prompt-profile/demo/studio/report.html) |
-| ![Afterhours card](docs/demo/afterhours/card.png)                                      | ![Studio card](docs/demo/studio/card.png)                                     |
+<table>
+  <tr>
+    <td width="50%" align="center">
+      <a href="https://erictsai83.github.io/prompt-profile/demo/full/report.html"><img src="docs/demo/card.png" width="420" alt="Classic card"></a><br>
+      <a href="https://erictsai83.github.io/prompt-profile/demo/full/report.html">Classic</a> (default)
+    </td>
+    <td width="50%" align="center">
+      <a href="https://erictsai83.github.io/prompt-profile/demo/signal/report.html"><img src="docs/demo/signal/card.png" width="420" alt="Signal card"></a><br>
+      <a href="https://erictsai83.github.io/prompt-profile/demo/signal/report.html">Signal</a>
+    </td>
+  </tr>
+  <tr>
+    <td width="50%" align="center">
+      <a href="https://erictsai83.github.io/prompt-profile/demo/afterhours/report.html"><img src="docs/demo/afterhours/card.png" width="420" alt="Afterhours card"></a><br>
+      <a href="https://erictsai83.github.io/prompt-profile/demo/afterhours/report.html">Afterhours</a>
+    </td>
+    <td width="50%" align="center">
+      <a href="https://erictsai83.github.io/prompt-profile/demo/studio/report.html"><img src="docs/demo/studio/card.png" width="420" alt="Studio card"></a><br>
+      <a href="https://erictsai83.github.io/prompt-profile/demo/studio/report.html">Studio</a>
+    </td>
+  </tr>
+</table>
 
 ## Quick start
 

package/dist/bin.js

@@ -1302,7 +1302,7 @@ const fileCacheLayer = (dir) => Layer.effect(AnalysisCache, Effect.gen(function*
 * Package version. Injected by tsdown at build time; during development and tests
 * (tsx / vitest) it falls back to reading package.json.
 */
-const VERSION = "0.1.2";
+const VERSION = "0.1.4";
 // src/cli/errors.ts
 /** No prompts found at all, or none in the selected range. */
 var NoData = class extends Data.TaggedError("NoData") {};
@@ -2690,7 +2690,7 @@ const LOOKS = [
 ];
 /** The look's data, or null for `classic`. */
 const lookOf = (id) => LOOKS.find((l) => l.id === id) ?? null;
-/** Colors of the classic report (no look); the classic card uses the light ones. */
+/** Colors of the classic report (no look); the classic card uses the dark ones. */
 const CLASSIC_TOKENS = {
 	light: {
 		bg: "#f6f6f3",
@@ -3246,17 +3246,17 @@ const cardMetrics = (profile, lang, n) => {
 /** Clock size on the classic card; the report's 260 × 260 drawing is scaled to it. */
 const CARD_CLOCK = 300;
 /**
-* The classic card: the classic report's hero on its page, in the same colors, with the same
-* hour clock. The hour labels are text nodes over the drawing (SVG images get no fonts).
+* The classic card: the classic report's hero edge to edge, like the looks, in its dark colors,
+* with the same hour clock. The hour labels are text nodes over the drawing (SVG images get no fonts).
 */
 const classicTree = (profile, hide, lang) => {
 	const t = MESSAGES[lang];
 	const c = contentIn(profile, lang);
-	const k = CLASSIC_TOKENS.light;
+	const k = CLASSIC_TOKENS.dark;
 	const name = clip(c.archetype.name, 56);
 	const showGraphic = !hide.includes("graphic");
 	const clock = clockSvg(profile.stats.hourHistogram, k.accent);
-	const left = 808;
+	const left = 840;
 	const top = 165;
 	const scale = CARD_CLOCK / clock.width;
 	const ticks = [
@@ -3283,104 +3283,91 @@ const classicTree = (profile, hide, lang) => {
 		boxSizing: "border-box",
 		display: "flex",
 		position: "relative",
-		backgroundColor: k.bg,
+		backgroundColor: k.card,
 		color: k.fg,
 		fontFamily: "Inter"
+	}, [...showGraphic ? [{
+		type: "img",
+		props: {
+			src: svgDataUrl(clock.svg),
+			width: CARD_CLOCK,
+			height: CARD_CLOCK,
+			style: {
+				position: "absolute",
+				left,
+				top
+			}
+		}
+	}, ...ticks] : [], h("div", {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "space-between",
+		position: "absolute",
+		left: 0,
+		top: 0,
+		width: CARD_WIDTH,
+		height: 630,
+		padding: "52px 60px",
+		boxSizing: "border-box"
 	}, [
 		h("div", {
-			position: "absolute",
-			left: 36,
-			top: 36,
-			width: 1128,
-			height: 558,
-			backgroundColor: k.card,
-			border: `1.5px solid ${k.border}`,
-			borderRadius: 32
-		}),
-		...showGraphic ? [{
-			type: "img",
-			props: {
-				src: svgDataUrl(clock.svg),
-				width: CARD_CLOCK,
-				height: CARD_CLOCK,
-				style: {
-					position: "absolute",
-					left,
-					top
-				}
-			}
-		}, ...ticks] : [],
+			fontSize: 20,
+			fontWeight: 700
+		}, t.project),
 		h("div", {
 			display: "flex",
 			flexDirection: "column",
-			justifyContent: "space-between",
-			position: "absolute",
-			left: 36,
-			top: 36,
-			width: 1128,
-			height: 558,
-			padding: "40px 56px",
-			boxSizing: "border-box"
+			maxWidth: showGraphic ? 700 : 1e3
 		}, [
 			h("div", {
-				fontSize: 20,
-				fontWeight: 700
-			}, t.project),
-			h("div", {
-				display: "flex",
-				flexDirection: "column",
-				maxWidth: showGraphic ? 700 : 1e3
-			}, [
-				h("div", {
-					fontFamily: DISPLAY_FONT,
-					fontWeight: 800,
-					fontSize: titleSize(name),
-					lineHeight: .98,
-					letterSpacing: -2
-				}, name),
-				h("div", {
-					fontSize: 24,
-					lineHeight: 1.4,
-					marginTop: 18,
-					color: k.muted
-				}, clip(c.headline, 120)),
-				hide.includes("traits") ? null : h("div", {
-					display: "flex",
-					gap: 10,
-					flexWrap: "wrap",
-					marginTop: 20
-				}, profile.traits.slice(0, 3).map((_tr, i) => h("div", {
-					display: "flex",
-					fontSize: 18,
-					padding: "6px 16px",
-					borderRadius: 999,
-					color: k.accent,
-					backgroundColor: k.accentSoft
-				}, clip(c.trait(i).name, 32))))
-			]),
-			h("div", {
-				display: "flex",
-				justifyContent: "space-between",
-				alignItems: "flex-end"
-			}, [h("div", {
-				display: "flex",
-				gap: 44
-			}, (hide.includes("stats") ? [] : cardMetrics(profile, lang, 3)).map(([label, value]) => h("div", {
-				display: "flex",
-				flexDirection: "column"
-			}, [h("div", {
 				fontFamily: DISPLAY_FONT,
 				fontWeight: 800,
-				fontSize: 36
-			}, value), h("div", {
-				fontSize: 16,
+				fontSize: titleSize(name),
+				lineHeight: .98,
+				letterSpacing: -2
+			}, name),
+			h("div", {
+				fontSize: 24,
+				lineHeight: 1.4,
+				marginTop: 18,
 				color: k.muted
-			}, label)]))), h("div", {
+			}, clip(c.headline, 120)),
+			hide.includes("traits") ? null : h("div", {
+				display: "flex",
+				gap: 10,
+				flexWrap: "wrap",
+				marginTop: 20
+			}, profile.traits.slice(0, 3).map((_tr, i) => h("div", {
+				display: "flex",
 				fontSize: 18,
-				color: k.muted
-			}, "npx prompt-profile")])
-		])
-	]);
+				padding: "6px 16px",
+				borderRadius: 999,
+				color: k.accent,
+				backgroundColor: k.accentSoft
+			}, clip(c.trait(i).name, 32))))
+		]),
+		h("div", {
+			display: "flex",
+			justifyContent: "space-between",
+			alignItems: "flex-end"
+		}, [h("div", {
+			display: "flex",
+			gap: 44
+		}, (hide.includes("stats") ? [] : cardMetrics(profile, lang, 3)).map(([label, value]) => h("div", {
+			display: "flex",
+			flexDirection: "column"
+		}, [h("div", {
+			fontFamily: DISPLAY_FONT,
+			fontWeight: 800,
+			fontSize: 36
+		}, value), h("div", {
+			fontSize: 16,
+			color: k.muted
+		}, label)]))), h("div", {
+			fontSize: 18,
+			color: k.muted
+		}, "npx prompt-profile")])
+	])]);
 };
 /** Archetype size steps: long names get smaller type instead of overflowing. */
 const titleSize = (name) => name.length > 44 ? 58 : name.length > 26 ? 72 : 96;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-profile",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Analyze your past prompts from AI coding agents (Claude Code, Codex) locally and generate a personal profile.",
   "keywords": [
     "ai",