kasaframe 0.0.0-stage → 0.1.1

package/themes/og-measure/sample/assets/data/measure.json

@@ -0,0 +1,353 @@
+{
+  "measured_at_kst": "2026-10-08 16:17",
+  "endpoint": "https://apis.opengateway.ai/v1/chat/completions",
+  "prompt": "1부터 5까지 숫자만 쉼표로 써.",
+  "stream": true,
+  "rounds": 6,
+  "models": [
+    "openai/gpt-5.4-nano",
+    "google/gemini-3.5-flash-lite",
+    "anthropic/claude-haiku-5-5"
+  ],
+  "prices": {
+    "openai/gpt-5.4-nano": {
+      "input": 2e-7,
+      "output": 0.00000125
+    },
+    "google/gemini-3.5-flash-lite": {
+      "input": 3e-7,
+      "output": 0.0000025
+    },
+    "anthropic/claude-haiku-5-5": {
+      "input": 1e-7,
+      "output": 5e-7
+    }
+  },
+  "cost_usd": 0.00038399999999999996,
+  "calls": [
+    {
+      "round": 0,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 746,
+      "total_ms": 832,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 0,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 621,
+      "total_ms": 668,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 0,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 870,
+      "total_ms": 1055,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 1,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 652,
+      "total_ms": 723,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 1,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 745,
+      "total_ms": 847,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 1,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 974,
+      "total_ms": 1157,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 2,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 519,
+      "total_ms": 609,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 2,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 677,
+      "total_ms": 775,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 2,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 602,
+      "total_ms": 807,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 3,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 638,
+      "total_ms": 715,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 3,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 820,
+      "total_ms": 967,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 3,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 787,
+      "total_ms": 988,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 4,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 527,
+      "total_ms": 609,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 4,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 604,
+      "total_ms": 857,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 4,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 734,
+      "total_ms": 932,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 5,
+      "model": "openai/gpt-5.4-nano",
+      "status": 200,
+      "ttft_ms": 587,
+      "total_ms": 689,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 21,
+        "completion_tokens": 12,
+        "total_tokens": 33,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "audio_tokens": 0
+        },
+        "completion_tokens_details": {
+          "reasoning_tokens": 0,
+          "audio_tokens": 0,
+          "accepted_prediction_tokens": 0,
+          "rejected_prediction_tokens": 0
+        }
+      }
+    },
+    {
+      "round": 5,
+      "model": "google/gemini-3.5-flash-lite",
+      "status": 200,
+      "ttft_ms": 709,
+      "total_ms": 827,
+      "text": "1, 2, 3, 4, 5",
+      "usage": {
+        "prompt_tokens": 13,
+        "completion_tokens": 13,
+        "total_tokens": 26
+      }
+    },
+    {
+      "round": 5,
+      "model": "anthropic/claude-haiku-5-5",
+      "status": 200,
+      "ttft_ms": 702,
+      "total_ms": 904,
+      "text": "1,2,3,4,5",
+      "usage": {
+        "prompt_tokens": 29,
+        "completion_tokens": 11,
+        "total_tokens": 40,
+        "prompt_tokens_details": {
+          "cached_tokens": 0,
+          "cache_creation_tokens": 0,
+          "cache_creation1h_tokens": 0
+        }
+      }
+    }
+  ]
+}

package/themes/og-measure/sample/beats.json

@@ -0,0 +1 @@
+{"source": "assets/music/kawaii-friends-og.mp3", "from": 0, "duration": 15.0, "bpm": 170.0, "beats": [0.2899, 0.6382, 0.9923, 1.3464, 1.6947, 2.0546, 2.4029, 2.757, 3.1169, 3.4652, 3.8251, 4.1734, 4.5275, 4.8758, 5.2299, 5.584, 5.9381, 6.2922, 6.6463, 6.9946, 7.336, 7.6971, 8.0628, 8.4053, 8.7478, 9.1135, 9.4676, 9.8159, 10.1816, 10.5241, 10.8782, 11.2265, 11.5748, 11.9405, 12.3004, 12.6487, 12.997, 13.3453, 13.7052, 14.0477, 14.396, 14.7617], "downbeats": [0.2899, 1.6947, 3.1169, 4.5275, 5.9381, 7.336, 8.7478, 10.1816, 11.5748, 12.997, 14.396], "bars": [0.2899, 1.6947, 3.1169, 4.5275, 5.9381, 7.336, 8.7478, 10.1816, 11.5748, 12.997, 14.396], "phrases": [0.0, 1.6947, 7.336, 12.997], "sections": [{"t": 0.0, "kind": "intro"}, {"t": 7.336, "kind": "drop", "strength": 0.99}], "drops": [7.336], "energy": {"hz": 20, "low": [0.0, 0.144, 0.183, 0.0, 0.0, 0.001, 0.0, 0.0, 0.208, 0.21, 0.0, 0.0, 0.0, 0.0, 0.0, 0.226, 0.241, 0.0, 0.0, 0.394, 0.25, 0.0, 0.131, 0.19, 0.033, 0.024, 0.245, 0.101, 0.009, 0.0, 0.0, 0.016, 0.134, 0.285, 0.097, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.371, 0.335, 0.0, 0.0, 0.148, 0.0, 0.0, 0.265, 0.171, 0.0, 0.0, 0.184, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.249, 0.015, 0.0, 0.0, 0.0, 0.0, 0.072, 0.297, 0.092, 0.009, 0.312, 0.389, 0.096, 0.031, 0.133, 0.021, 0.112, 0.0, 0.0, 0.074, 0.0, 0.227, 0.089, 0.018, 0.0, 0.091, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.022, 0.0, 0.0, 0.026, 0.02, 0.006, 0.184, 0.411, 0.068, 0.0, 0.156, 0.083, 0.0, 0.055, 0.182, 0.074, 0.0, 0.288, 0.232, 0.072, 0.022, 0.0, 0.0, 0.0, 0.0, 0.0, 0.015, 0.018, 0.053, 0.0, 0.03, 0.0, 0.0, 0.004, 0.094, 0.461, 0.453, 0.505, 0.55, 0.588, 0.627, 0.672, 0.72, 0.752, 0.759, 0.767, 0.772, 0.761, 0.724, 0.896, 0.998, 0.973, 0.838, 0.624, 0.667, 0.733, 0.796, 0.819, 0.8, 0.747, 0.833, 0.811, 0.816, 0.733, 0.507, 0.341, 0.066, 0.062, 0.0, 0.0, 0.798, 0.981, 1.0, 0.943, 0.813, 0.803, 0.799, 0.747, 0.606, 0.6, 0.606, 0.622, 0.649, 0.684, 0.812, 0.992, 0.986, 0.92, 0.668, 0.628, 0.572, 0.479, 0.365, 0.0, 0.0, 0.075, 0.0, 0.0, 0.758, 1.0, 1.0, 0.979, 0.876, 0.899, 0.9, 0.844, 0.772, 0.805, 0.811, 0.83, 0.858, 0.897, 0.945, 1.0, 0.961, 0.898, 0.862, 0.911, 0.902, 0.822, 0.611, 0.352, 0.0, 0.083, 0.0, 0.0, 0.682, 0.999, 0.985, 0.983, 0.897, 0.871, 0.869, 0.855, 0.74, 0.678, 0.686, 0.705, 0.733, 0.771, 0.793, 0.956, 0.999, 0.955, 0.815, 0.738, 0.75, 0.757, 0.672, 0.597, 0.618, 0.761, 0.977, 0.994, 0.935, 0.8, 0.8, 0.792, 0.782, 0.743, 0.643, 0.522, 0.898, 0.996, 0.975, 0.829, 0.577, 0.615, 0.683, 0.739, 0.765, 0.748, 0.703, 0.763, 0.752, 0.757, 0.68, 0.478, 0.287, 0.03, 0.055, 0.0, 0.022, 0.832, 0.99, 0.967, 0.886, 0.739, 0.749, 0.76, 0.719, 0.607, 0.613, 0.628, 0.645, 0.669, 0.713, 0.823, 1.0, 0.989, 0.916, 0.754, 0.736], "mid": [0.625, 0.806, 0.843, 0.738, 0.642, 0.71, 0.726, 0.582, 0.708, 0.759, 0.668, 0.544, 0.611, 0.572, 0.451, 0.785, 0.835, 0.629, 0.607, 0.911, 0.834, 0.737, 0.856, 0.806, 0.755, 0.566, 0.739, 0.759, 0.685, 0.742, 0.708, 0.66, 0.649, 0.834, 0.819, 0.654, 0.626, 0.747, 0.713, 0.526, 0.65, 0.711, 0.616, 0.518, 0.679, 0.644, 0.437, 0.861, 0.792, 0.499, 0.6, 0.773, 0.665, 0.541, 0.865, 0.918, 0.817, 0.666, 0.852, 0.772, 0.629, 0.697, 0.756, 0.683, 0.585, 0.767, 0.706, 0.55, 0.633, 0.706, 0.632, 0.595, 0.805, 0.726, 0.689, 0.822, 0.841, 0.661, 0.738, 0.746, 0.585, 0.553, 0.588, 0.601, 0.599, 0.566, 0.831, 0.755, 0.6, 0.698, 0.863, 0.782, 0.543, 0.66, 0.617, 0.593, 0.647, 0.707, 0.746, 0.728, 0.746, 0.741, 0.665, 0.748, 0.881, 0.656, 0.472, 0.682, 0.66, 0.618, 0.719, 0.915, 0.852, 0.797, 0.899, 0.862, 0.789, 0.769, 0.7, 0.637, 0.575, 0.608, 0.638, 0.653, 0.664, 0.714, 0.763, 0.732, 0.705, 0.722, 0.722, 0.794, 0.908, 0.714, 0.575, 0.602, 0.584, 0.615, 0.628, 0.732, 0.814, 0.826, 0.779, 0.756, 0.718, 0.641, 0.947, 0.785, 0.711, 0.7, 0.742, 0.817, 0.844, 0.879, 0.896, 0.888, 0.878, 0.878, 0.864, 0.82, 0.876, 0.775, 0.496, 0.503, 0.591, 0.607, 0.65, 0.945, 0.901, 0.821, 0.799, 0.845, 0.875, 0.891, 0.863, 0.757, 0.747, 0.77, 0.796, 0.821, 0.837, 0.935, 0.898, 0.746, 0.732, 0.823, 0.791, 0.805, 0.854, 0.843, 0.515, 0.434, 0.63, 0.711, 0.701, 0.893, 0.92, 0.775, 0.78, 0.834, 0.793, 0.723, 0.708, 0.777, 0.773, 0.82, 0.845, 0.876, 0.918, 0.993, 1.0, 1.0, 0.9, 0.954, 0.887, 0.84, 0.841, 0.888, 0.601, 0.394, 0.659, 0.815, 0.862, 0.939, 1.0, 0.974, 0.953, 0.891, 0.902, 0.903, 0.91, 0.818, 0.778, 0.724, 0.712, 0.78, 0.789, 0.831, 0.966, 0.839, 0.816, 0.822, 0.822, 0.823, 0.843, 0.891, 0.736, 0.674, 0.871, 0.882, 0.8, 0.831, 0.886, 0.902, 0.898, 0.884, 0.909, 0.859, 0.787, 0.949, 0.796, 0.732, 0.753, 0.82, 0.825, 0.862, 0.904, 0.887, 0.883, 0.891, 0.89, 0.876, 0.789, 0.877, 0.733, 0.36, 0.504, 0.736, 0.773, 0.788, 0.977, 0.945, 0.924, 0.905, 0.866, 0.864, 0.867, 0.828, 0.737, 0.731, 0.776, 0.775, 0.75, 0.804, 0.959, 0.923, 0.796, 0.789, 0.85, 0.849], "high": [0.498, 0.853, 0.762, 0.559, 0.557, 0.552, 0.53, 0.517, 0.82, 0.775, 0.541, 0.543, 0.521, 0.483, 0.506, 0.845, 0.835, 0.601, 0.653, 0.952, 0.836, 0.629, 0.85, 0.779, 0.549, 0.583, 0.814, 0.62, 0.566, 0.76, 0.644, 0.544, 0.692, 0.884, 0.66, 0.547, 0.555, 0.615, 0.504, 0.5, 0.528, 0.522, 0.522, 0.513, 0.482, 0.507, 0.549, 0.923, 0.885, 0.563, 0.615, 0.731, 0.497, 0.47, 0.745, 0.681, 0.508, 0.594, 0.784, 0.576, 0.546, 0.547, 0.52, 0.543, 0.638, 0.806, 0.585, 0.587, 0.633, 0.633, 0.643, 0.713, 0.881, 0.809, 0.828, 0.905, 0.936, 0.696, 0.726, 0.85, 0.646, 0.663, 0.682, 0.705, 0.706, 0.728, 0.892, 0.764, 0.738, 0.731, 0.693, 0.645, 0.625, 0.653, 0.654, 0.695, 0.751, 0.773, 0.773, 0.782, 0.837, 0.836, 0.832, 0.884, 0.96, 0.761, 0.678, 0.85, 0.793, 0.786, 0.871, 0.962, 0.906, 0.882, 0.903, 0.888, 0.891, 0.864, 0.758, 0.674, 0.697, 0.712, 0.726, 0.752, 0.807, 0.838, 0.836, 0.848, 0.85, 0.868, 0.897, 0.907, 0.977, 0.839, 0.709, 0.726, 0.751, 0.78, 0.825, 0.863, 0.856, 0.857, 0.864, 0.875, 0.874, 1.0, 1.0, 0.811, 0.806, 0.793, 0.789, 0.826, 0.86, 0.895, 0.892, 0.888, 0.883, 0.879, 0.87, 0.847, 0.948, 0.885, 0.649, 0.574, 0.654, 0.671, 0.696, 0.831, 0.804, 0.843, 0.812, 0.839, 0.899, 0.906, 0.845, 0.707, 0.727, 0.774, 0.771, 0.783, 0.813, 0.877, 0.77, 0.659, 0.672, 0.81, 0.843, 0.864, 0.932, 0.928, 0.637, 0.439, 0.61, 0.671, 0.644, 0.802, 0.77, 0.736, 0.728, 0.714, 0.616, 0.503, 0.548, 0.683, 0.71, 0.714, 0.705, 0.758, 0.831, 0.872, 0.872, 0.875, 0.885, 0.89, 0.854, 0.82, 0.892, 0.961, 0.726, 0.496, 0.603, 0.74, 0.744, 0.828, 0.847, 0.846, 0.831, 0.786, 0.846, 0.859, 0.837, 0.747, 0.713, 0.673, 0.715, 0.84, 0.868, 0.829, 0.848, 0.796, 0.803, 0.838, 0.921, 0.944, 0.927, 0.968, 0.831, 0.699, 0.812, 0.798, 0.799, 0.863, 0.888, 0.847, 0.839, 0.861, 0.884, 0.834, 0.78, 0.832, 0.689, 0.707, 0.686, 0.702, 0.801, 0.858, 0.88, 0.871, 0.862, 0.852, 0.882, 0.867, 0.806, 0.946, 0.851, 0.52, 0.458, 0.679, 0.739, 0.75, 0.862, 0.857, 0.873, 0.821, 0.899, 0.924, 0.921, 0.846, 0.77, 0.781, 0.774, 0.783, 0.81, 0.867, 0.948, 0.824, 0.734, 0.722, 0.894, 0.935]}}

package/themes/og-measure/sample/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="utf-8" />
+    <title>OG 측정 화면 견본</title>
+  </head>
+  <body>
+    <div id="stage"></div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>

package/themes/og-measure/sample/kf.json

@@ -0,0 +1,66 @@
+{
+  "title": "OG 측정 화면 — OpenGateway 소개 15초",
+  "theme": "og-measure",
+  "fps": 60,
+  "width": 1920,
+  "height": 1080,
+  "duration": 15.0,
+  "mode": "seek",
+  "style": "style.json",
+  "music": "assets/music/kawaii-friends-og.mp3",
+  "beats": "beats.json",
+  "captions": "none",
+  "safeArea": {
+    "top": 0,
+    "bottom": 0,
+    "left": 0,
+    "right": 0
+  },
+  "text": {
+    "policy": "terms-only",
+    "maxOnScreen": 30,
+    "minPx": 24
+  },
+  "scenes": [
+    {
+      "id": "gather",
+      "from": 0,
+      "dur": 3.117,
+      "file": "scenes/gather.ts",
+      "role": "hook",
+      "idea": "회사 접두가 박마다 흩어져 뜨고 한 주소로 날아가 모인다"
+    },
+    {
+      "id": "models",
+      "from": 3.117,
+      "dur": 4.219,
+      "file": "scenes/models.ts",
+      "role": "explain",
+      "idea": "같은 주소로 가는 요청 줄이 박마다(마지막 마디는 반 박마다) 모델 ID 를 바꾸며 쌓인다"
+    },
+    {
+      "id": "one",
+      "from": 7.336,
+      "dur": 1.412,
+      "file": "scenes/one.ts",
+      "role": "drop",
+      "idea": "드롭 — 102 · 한 주소 · 두 형식"
+    },
+    {
+      "id": "price",
+      "from": 8.748,
+      "dur": 4.249,
+      "file": "scenes/price.ts",
+      "role": "explain",
+      "idea": "시간대 가격 — 00–10시 창에서 −90%"
+    },
+    {
+      "id": "end",
+      "from": 12.997,
+      "dur": 2.003,
+      "file": "scenes/end.ts",
+      "role": "end",
+      "idea": "실측 숫자 하나 + 도장 + 로고·주소"
+    }
+  ]
+}

package/themes/og-measure/sample/lib/data.ts

@@ -0,0 +1,62 @@
+import data from "../assets/data/measure.json";
+
+// 화면의 숫자는 전부 여기서 — measure.ts 가 OG 를 실제로 불러 남긴 원자료다.
+export { data };
+
+export const medianOf = (xs: number[]) => {
+  const s = [...xs].sort((a, b) => a - b);
+  const m = s.length >> 1;
+  return s.length % 2 ? s[m] : (s[m - 1] + s[m]) / 2;
+};
+
+export const medians = data.models.map((m) => medianOf(data.calls.filter((c) => c.model === m).map((c) => c.ttft_ms ?? 0)));
+
+export const best = medians.indexOf(Math.min(...medians));
+
+/** 장면 시작 이후의 박 시각(장면 안 초) */
+export const beatsOf = (beats: { beats: number[] }) => beats.beats.filter((b) => b > -0.01);
+
+/** 카메라가 잡는 무대 — 왼쪽 위를 축으로 trackCam 을 붙인다 */
+export function stageOf(root: HTMLElement): HTMLElement {
+  const stage = document.createElement("div");
+  stage.style.cssText = "position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0";
+  root.append(stage);
+  return stage;
+}
+
+// 브리프(docs/briefs/og-intro-15s.md)에 적힌 OG 사실 — 2026-10-08 /v1/models 기준. 여기 없는 숫자는 화면에 쓰지 않는다.
+export const OG = {
+  host: "apis.opengateway.ai",
+  models: 102,
+  owners: [
+    ["openai/", 41],
+    ["anthropic/", 15],
+    ["google/", 15],
+    ["z-ai/", 7],
+    ["x-ai/", 6],
+    ["qwen/", 5],
+    ["moonshotai/", 4],
+    ["deepseek/", 4],
+    ["minimax/", 3],
+  ] as [string, number][],
+  // 요청 줄엔 결과(상태·지연)를 붙이지 않는다 — 실제로 부르지 않은 호출이라 보낸 요청 모양만 보인다
+  requests: [
+    ["/v1/chat/completions", "openai/gpt-6.1-sol"],
+    ["/v1/messages", "anthropic/claude-opus-5-5"],
+    ["/v1/chat/completions", "google/gemini-3.5-flash-lite"],
+    ["/v1/chat/completions", "deepseek/deepseek-v4.1-flash-ultrafast"],
+    ["/v1/chat/completions", "z-ai/glm-5.3-flash-ultrafast"],
+    ["/v1/responses", "openai/gpt-5.4-nano"],
+    ["/v1/chat/completions", "x-ai/grok-4.7"],
+    ["/v1/chat/completions", "moonshotai/kimi-k3"],
+    ["/v1/messages", "anthropic/claude-haiku-5-5"],
+    ["/v1/chat/completions", "minimax/MiniMax-M3"],
+    ["/v1/images/generations", "openai/gpt-image-2.5-sunburst"],
+    ["/v1/chat/completions", "google/gemini-3.5-flash"],
+    ["/v1/messages", "anthropic/claude-sonnet-5-5"],
+    ["/v1/chat/completions", "deepseek/deepseek-v4-pro"],
+    ["/v1/responses", "openai/o3"],
+    ["/v1/chat/completions", "google/gemini-3.1-pro-preview"],
+  ] as [string, string][],
+  price: { model: "deepseek/deepseek-v4.1-flash-ultrafast", input: [0.3, 0.03], output: [1.2, 0.12], glm: "z-ai/glm-5.3-flash-ultrafast" },
+};

package/themes/og-measure/sample/main.ts

@@ -0,0 +1,9 @@
+import { mountProject } from "@kasaframe/adapters";
+import kf from "./kf.json";
+import style from "./style.json";
+
+// 장면 파일을 늘리거나 빼도 이 파일은 그대로 — 시간표는 kf.json 한 곳. 글꼴·색 변수는 mountProject 가 건다
+const scenes = import.meta.glob("./scenes/*.ts", { eager: true });
+const beats = Object.values(import.meta.glob("./beats.json", { eager: true, import: "default" }))[0] ?? null;
+
+mountProject({ kf, scenes, beats, style, stage: document.getElementById("stage")! });

package/themes/og-measure/sample/measure.ts

@@ -0,0 +1,78 @@
+// 견본 화면의 숫자는 지어내지 않는다 — 이 스크립트로 OG 를 실제로 불러 잰 값만 쓴다.
+// node themes/og-measure/sample/measure.ts → assets/data/measure.json
+import { readFileSync, writeFileSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+
+const HOST = "https://apis.opengateway.ai";
+const MODELS = ["openai/gpt-5.4-nano", "google/gemini-3.5-flash-lite", "anthropic/claude-haiku-5-5"];
+const PRICE_KEYS: Record<string, string> = {
+  "openai/gpt-5.4-nano": "openai/gpt-5.4-nano",
+  "google/gemini-3.5-flash-lite": "google-vertex/gemini-3.5-flash-lite",
+  "anthropic/claude-haiku-5-5": "anthropic/claude-haiku-5-5",
+};
+const ROUNDS = 6;
+const PROMPT = "1부터 5까지 숫자만 쉼표로 써.";
+const key = readFileSync(join(homedir(), ".config/opengateway.key"), "utf8").trim();
+
+async function once(model: string) {
+  const t0 = performance.now();
+  const r = await fetch(`${HOST}/v1/chat/completions`, {
+    method: "POST",
+    headers: { Authorization: `Bearer ${key}`, "Content-Type": "application/json" },
+    body: JSON.stringify({ model, stream: true, stream_options: { include_usage: true }, max_tokens: 64, messages: [{ role: "user", content: PROMPT }] }),
+  });
+  let ttft: number | null = null;
+  let usage: unknown = null;
+  let text = "";
+  const reader = r.body!.getReader();
+  const dec = new TextDecoder();
+  let buf = "";
+  for (;;) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buf += dec.decode(value, { stream: true });
+    let i: number;
+    while ((i = buf.indexOf("\n")) >= 0) {
+      const line = buf.slice(0, i).trim();
+      buf = buf.slice(i + 1);
+      if (!line.startsWith("data:")) continue;
+      const data = line.slice(5).trim();
+      if (data === "[DONE]") continue;
+      const j = JSON.parse(data);
+      const delta = j.choices?.[0]?.delta?.content;
+      if (delta) {
+        if (ttft === null) ttft = performance.now() - t0;
+        text += delta;
+      }
+      if (j.usage) usage = j.usage;
+    }
+  }
+  return { model, status: r.status, ttft_ms: ttft === null ? null : Math.round(ttft), total_ms: Math.round(performance.now() - t0), text: text.trim(), usage };
+}
+
+const prices = JSON.parse(await (await fetch("https://opengateway.ai/api/model-prices")).text());
+const calls = [];
+for (let round = 0; round < ROUNDS; round++) {
+  for (const m of MODELS) {
+    const c = await once(m);
+    calls.push({ round, ...c });
+    console.error(`${round} ${m} ${c.status} ttft ${c.ttft_ms}ms total ${c.total_ms}ms`);
+  }
+}
+let cost = 0;
+const priceOut: Record<string, { input: number; output: number }> = {};
+for (const m of MODELS) {
+  const p = prices[PRICE_KEYS[m]];
+  priceOut[m] = { input: p.inputCostPerToken, output: p.outputCostPerToken };
+}
+for (const c of calls) {
+  const u = c.usage as { prompt_tokens?: number; completion_tokens?: number } | null;
+  if (u) cost += (u.prompt_tokens ?? 0) * priceOut[c.model].input + (u.completion_tokens ?? 0) * priceOut[c.model].output;
+}
+const kst = new Date(Date.now() + 9 * 3600_000).toISOString().replace("T", " ").slice(0, 16);
+writeFileSync(
+  new URL("./assets/data/measure.json", import.meta.url),
+  JSON.stringify({ measured_at_kst: kst, endpoint: `${HOST}/v1/chat/completions`, prompt: PROMPT, stream: true, rounds: ROUNDS, models: MODELS, prices: priceOut, cost_usd: cost, calls }, null, 2) + "\n",
+);
+console.error(`calls ${calls.length} · cost $${cost.toFixed(6)}`);

package/themes/og-measure/sample/scenes/end.ts

@@ -0,0 +1,47 @@
+import { applyStyle, ease, progress, type SceneCtx } from "@kasaframe/core";
+import { fx } from "@kasaframe/themes/fx";
+import { beatsOf, best, data, medians, stageOf } from "../lib/data.ts";
+
+const { graphPaper, meter, stamp, flag, trackCam } = fx("og-measure");
+
+// 실측 숫자 하나(직접 잰 첫 토큰 가운데값) → 끝 도장 → OG 로고 · 주소. 마지막 박까지 카메라가 툭 친다.
+export default {
+  build(root: HTMLElement, ctx: SceneCtx) {
+    const bg = graphPaper(root, { phase: ctx.from });
+    const stage = stageOf(root);
+    const b = beatsOf(ctx.beats);
+    const B = (i: number) => b[i] ?? i * 0.353;
+    const who = flag(stage, { x: 100, y: 90, text: `${data.models[best]} · 첫 토큰 가운데값`, at: 0, tone: "soft", size: 40 });
+    const big = document.createElement("div");
+    big.style.cssText = "position:absolute;left:100px;top:150px;font-family:var(--kf-font-display);font-weight:800;font-size:230px;line-height:1;letter-spacing:-0.03em;color:var(--kf-ink);font-variant-numeric:tabular-nums";
+    const num = document.createElement("span");
+    const unit = document.createElement("span");
+    unit.textContent = "ms";
+    unit.style.cssText = "font-size:110px;color:var(--kf-dim);margin-left:12px";
+    big.append(num, unit);
+    stage.append(big);
+    const seal = stamp(stage, { x: 960, y: 430, at: B(1), date: data.measured_at_kst, calls: data.calls.length, cost: data.cost_usd, size: 30 });
+    const logo = document.createElement("img");
+    logo.src = ctx.asset("brand/og-logo-full.svg");
+    logo.style.cssText = "position:absolute;left:960px;top:560px;height:220px;width:auto;transform-origin:50% 50%";
+    stage.append(logo);
+    const site = flag(stage, { x: 600, y: 830, text: "opengateway.ai", at: B(3), tone: "plain", size: 80, mono: true });
+    const shots = [
+      { at: 0, x: 960, y: 540, kick: 0.08 },
+      { at: B(2), x: 960, y: 560, zoom: 1.02, kick: 0.05 },
+      { at: B(4), x: 960, y: 560, zoom: 1.03, kick: 0.04 },
+      { at: B(5), x: 960, y: 560, zoom: 1.03, kick: 0.04 },
+    ];
+    return (t: number) => {
+      bg(t);
+      who(t);
+      num.textContent = meter(t, { to: medians[best], at: 0, dur: 0.6, decimals: 1 });
+      seal(t);
+      const p = ease.snappy(progress(t, B(2), 0.22));
+      applyStyle(logo, { opacity: p, y: 30 * (1 - p), scale: 1.3 - 0.3 * p });
+      logo.style.translate = "-50% 0";
+      site(t);
+      applyStyle(stage, trackCam(t, { shots, scene: ctx.id }));
+    };
+  },
+};