@volter/editor-game 0.5.67 → 0.5.69

package/src/game-document/InstanceInspectorPicker.tsx

@@ -138,7 +138,7 @@ export function InstanceInspectorPicker() {
   const warning = (diagnostics?.loop.firedWhileHeld ?? 0) > 0;
 
   return (
-    <div className="vgai-playbar-popover-anchor">
+    <div className="volter-playbar-popover-anchor">
       <Button
         ref={ref}
         variant="ghost"

package/src/game-document/device-preview.ts

@@ -12,8 +12,8 @@
  *    sets CSS custom properties on the game mount container
  *    (`data-testid="game-runtime-container"`), the element game canvases and
  *    react-world DOM layers mount into:
- *      --vgai-safe-area-inset-top / -right / -bottom / -left   (CSS px)
- *    Game UI reads them with `var(--vgai-safe-area-inset-top, 0px)`.
+ *      --volter-safe-area-inset-top / -right / -bottom / -left   (CSS px)
+ *    Game UI reads them with `var(--volter-safe-area-inset-top, 0px)`.
  *    Recorded choice: real `env(safe-area-inset-*)` injection is NOT
  *    possible from a same-document host (env() values come from the UA for
  *    the top-level viewport only), so the overlay + CSS vars ARE the
@@ -41,7 +41,7 @@
  *    event before the clone.
  *
  * Persistence: preset + touch override are the PROJECT settings layer's
- * `devicePreview` (`settings-store.ts` → `.vgai/settings.json`, committed):
+ * `devicePreview` (`settings-store.ts` → `.volter/settings.json`, committed):
  * the frame a game is designed for is a fact about the project, shared by
  * everyone who opens it.
  */
@@ -331,5 +331,5 @@ function _stateForE2E() {
 }
 
 if (typeof window !== 'undefined') {
-  (window as unknown as Record<string, unknown>)['__vgaiDevicePreview'] = _stateForE2E;
+  (window as unknown as Record<string, unknown>)['__volterDevicePreview'] = _stateForE2E;
 }

package/src/game-document/physics-debug.ts

@@ -136,7 +136,7 @@ function _updateContactPoints(group: THREE.Group, contacts: Float32Array | null)
 }
 
 /**
- * e2e hook (mirrors the world root's stage's `__vgaiViewport`): mechanical state for
+ * e2e hook (mirrors the world root's stage's `__volterViewport`): mechanical state for
  * The question this answers — is the Rapier debug wireframe live in the
  * game scene with real geometry, and how many contact markers are drawn.
  */
@@ -167,7 +167,7 @@ function _stateForE2E(): {
   };
 }
 if (typeof window !== 'undefined') {
-  (window as unknown as Record<string, unknown>)['__vgaiPhysicsDebug'] = _stateForE2E;
+  (window as unknown as Record<string, unknown>)['__volterPhysicsDebug'] = _stateForE2E;
 }
 
 function _teardown(): void {

package/src/generation/GenerationActivity.tsx

@@ -70,13 +70,13 @@ function OutputPreview({
 
   if (src && output.kind === 'image') {
     const preview = (
-      <img className="vgai-generation-output-media" src={src} alt={output.name} loading="lazy" />
+      <img className="volter-generation-output-media" src={src} alt={output.name} loading="lazy" />
     );
     return onOpen ? (
       // The preview itself opens the asset — the gesture a gallery implies.
       <Button
         variant="ghost"
-        className="vgai-generation-output-open"
+        className="volter-generation-output-open"
         onClick={onOpen}
         aria-label={`Open ${output.name}`}
       >
@@ -91,7 +91,7 @@ function OutputPreview({
       // Deliberately no autoplay and no `muted` autoplay trick: a gallery that
       // starts sound is the failure this panel is replacing.
       <video
-        className="vgai-generation-output-media"
+        className="volter-generation-output-media"
         src={src}
         controls
         preload="metadata"
@@ -102,7 +102,7 @@ function OutputPreview({
   }
   if (src && output.kind === 'audio') {
     return (
-      <div className="vgai-generation-output-audio">
+      <div className="volter-generation-output-audio">
         <AudioAssetThumb url={src} name={output.name} />
         <audio src={src} controls preload="metadata" title={output.name} />
       </div>
@@ -112,7 +112,7 @@ function OutputPreview({
     return <ModelThumbnail url={output.url} />;
   }
   return (
-    <div className="vgai-generation-output-file">
+    <div className="volter-generation-output-file">
       <EditorIcon icon={output.kind === 'model' ? faFile : faFileLines} />
       <Text variant="caption" tone="muted">
         {output.name}
@@ -160,7 +160,7 @@ function StateMedia({ job, state }: { job: GenerationJob; state: GenerationCardS
   const pending = state === 'queued' || state === 'running' || state === 'saving';
   const failing = state === 'failed' || state === 'save-failed';
   return (
-    <div className="vgai-generation-state-media" data-state={state}>
+    <div className="volter-generation-state-media" data-state={state}>
       <StateSurface
         compact
         tone={STATE_TONE[state]}
@@ -172,7 +172,7 @@ function StateMedia({ job, state }: { job: GenerationJob; state: GenerationCardS
         // Determinate ONLY when the provider reported progress; otherwise the
         // native indeterminate bar, which claims nothing.
         <progress
-          className="vgai-generation-progress"
+          className="volter-generation-progress"
           aria-label={`${job.label} progress`}
           {...(state === 'running' && job.progress !== undefined
             ? { value: job.progress, max: 1 }
@@ -195,7 +195,7 @@ function CardActions({
   run: (action: () => Promise<void>) => void;
 }) {
   return (
-    <div className="vgai-generation-card-actions">
+    <div className="volter-generation-card-actions">
       {generationSaveRetryable(job, error) && (
         // There is NO add-to-project gate: the server accepts a finished
         // output on its own. This appears only once a save has actually
@@ -250,7 +250,7 @@ function GenerationCard({
 
   return (
     <article
-      className="vgai-generation-card"
+      className="volter-generation-card"
       data-state={state}
       aria-busy={generationJobIsActive(job)}
       aria-label={generationTitle(job)}
@@ -265,31 +265,31 @@ function GenerationCard({
         }
       }}
     >
-      <div className="vgai-generation-card-media" data-outputs={Math.min(outputs.length, 4)}>
+      <div className="volter-generation-card-media" data-outputs={Math.min(outputs.length, 4)}>
         {outputs.length === 0 ? (
           <StateMedia job={job} state={state} />
         ) : (
           outputs.map((output) => (
-            <div className="vgai-generation-output" key={output.path} title={output.path}>
+            <div className="volter-generation-output" key={output.path} title={output.path}>
               <OutputPreview output={output} onOpen={openOutput(output)} />
             </div>
           ))
         )}
       </div>
 
-      <div className="vgai-generation-card-body">
-        <div className="vgai-generation-card-heading">
+      <div className="volter-generation-card-body">
+        <div className="volter-generation-card-heading">
           <Text variant="label" truncate title={generationTitle(job)}>
             {generationTitle(job)}
           </Text>
-          <EditorBadge className="vgai-generation-chip" data-state={state}>
+          <EditorBadge className="volter-generation-chip" data-state={state}>
             {GENERATION_STATE_LABEL[state]}
             {state === 'running' && job.progress !== undefined
               ? ` · ${Math.round(job.progress * 100)}%`
               : ''}
           </EditorBadge>
           {unread && (
-            <EditorBadge className="vgai-generation-chip" data-state="new">
+            <EditorBadge className="volter-generation-chip" data-state="new">
               New
             </EditorBadge>
           )}
@@ -305,7 +305,7 @@ function GenerationCard({
         </Text>
 
         {prompt && (
-          <p className="vgai-generation-card-prompt" title={prompt}>
+          <p className="volter-generation-card-prompt" title={prompt}>
             {prompt}
           </p>
         )}
@@ -317,7 +317,7 @@ function GenerationCard({
           // text promises nothing and the retry button carries it instead.
           <EditorBanner
             tone={error || state === 'save-failed' ? 'error' : 'warning'}
-            className="vgai-generation-card-alert"
+            className="volter-generation-card-alert"
           >
             {error ??
               (state === 'save-failed'
@@ -363,8 +363,8 @@ export function GenerationActivity() {
   const storeError = generationJobsError();
 
   return (
-    <div className="vgai-generation-gallery">
-      <EditorToolbar label="Generations" compact className="vgai-generation-gallery-bar">
+    <div className="volter-generation-gallery">
+      <EditorToolbar label="Generations" compact className="volter-generation-gallery-bar">
         <Text variant="label">Generations</Text>
         <Text variant="caption" tone="muted">
           {jobs.length} {jobs.length === 1 ? 'generation' : 'generations'}
@@ -385,14 +385,14 @@ export function GenerationActivity() {
       </EditorToolbar>
 
       {storeError && (
-        <EditorBanner tone="error" className="vgai-generation-gallery-alert">
+        <EditorBanner tone="error" className="volter-generation-gallery-alert">
           {storeError}
         </EditorBanner>
       )}
 
       {jobs.length === 0 ? (
         <StateSurface
-          className="vgai-generation-gallery-empty"
+          className="volter-generation-gallery-empty"
           title="No generated assets yet"
           description="Preview generated images, video, audio and models here. Create an asset to get started."
           action={
@@ -402,7 +402,7 @@ export function GenerationActivity() {
           }
         />
       ) : (
-        <section className="vgai-generation-grid" aria-label="Generated assets">
+        <section className="volter-generation-grid" aria-label="Generated assets">
           {jobs.map((job) => (
             <GenerationCard
               key={job.id}

package/src/generation/GenerationGallery.css

@@ -7,66 +7,66 @@
  * query drops the card to a single readable column in a genuinely narrow dock.
  */
 
-.vgai-generation-gallery {
+.volter-generation-gallery {
   display: flex;
   height: 100%;
   flex-direction: column;
-  color: var(--vgai-content-primary);
+  color: var(--volter-content-primary);
   /* `size`, not `inline-size`: the cards answer to the drawer's HEIGHT as well
    * as its width — a short bottom drawer gets a shorter preview so the name,
    * cost and actions still land inside it. */
   container-type: size;
 }
-.vgai-generation-gallery .vgai-toolbar {
+.volter-generation-gallery .volter-toolbar {
   flex: 0 0 auto;
 }
-.vgai-generation-gallery-bar {
-  gap: var(--vgai-space-2);
+.volter-generation-gallery-bar {
+  gap: var(--volter-space-2);
 }
-.vgai-generation-gallery-alert {
-  margin: var(--vgai-space-3);
+.volter-generation-gallery-alert {
+  margin: var(--volter-space-3);
 }
-.vgai-generation-gallery-empty {
+.volter-generation-gallery-empty {
   margin: auto;
   max-width: 420px;
   text-align: center;
 }
 
-.vgai-generation-grid {
+.volter-generation-grid {
   display: grid;
   min-height: 0;
   flex: 1;
   align-content: start;
-  gap: var(--vgai-space-3);
-  padding: var(--vgai-space-3);
+  gap: var(--volter-space-3);
+  padding: var(--volter-space-3);
   overflow-y: auto;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   grid-auto-rows: max-content;
 }
 @container (max-width: 380px) {
-  .vgai-generation-grid {
+  .volter-generation-grid {
     grid-template-columns: 1fr;
   }
 }
-.vgai-generation-card {
+.volter-generation-card {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  border: var(--vgai-stroke-resting) solid var(--vgai-boundary-default);
-  border-radius: var(--vgai-radius-md);
-  background: var(--vgai-surface-panel);
+  border: var(--volter-stroke-resting) solid var(--volter-boundary-default);
+  border-radius: var(--volter-radius-md);
+  background: var(--volter-surface-panel);
 }
-.vgai-generation-card[data-state="failed"],
-.vgai-generation-card[data-state="save-failed"] {
-  border-color: var(--vgai-danger-muted);
+.volter-generation-card[data-state="failed"],
+.volter-generation-card[data-state="save-failed"] {
+  border-color: var(--volter-danger-muted);
 }
-.vgai-generation-card[data-state="ready"] {
-  border-color: var(--vgai-boundary-strong);
+.volter-generation-card[data-state="ready"] {
+  border-color: var(--volter-boundary-strong);
 }
 
 /* The preview. One output fills the box; several share it as a tile grid, so a
  * multi-output job shows every file it produced without a second surface. */
-.vgai-generation-card-media {
+.volter-generation-card-media {
   display: grid;
   /* `flex-shrink: 0` and the height cap are load-bearing TOGETHER: in the
    * ordinary ~260px bottom drawer the card was squeezed to a ~50px strip with
@@ -75,38 +75,38 @@
   flex-shrink: 0;
   height: 160px;
   max-height: 160px;
-  gap: var(--vgai-stroke-active);
-  background: var(--vgai-bg-inset);
+  gap: var(--volter-stroke-active);
+  background: var(--volter-bg-inset);
   grid-template-columns: 1fr;
 }
-.vgai-generation-card-media[data-outputs="2"],
-.vgai-generation-card-media[data-outputs="3"],
-.vgai-generation-card-media[data-outputs="4"] {
+.volter-generation-card-media[data-outputs="2"],
+.volter-generation-card-media[data-outputs="3"],
+.volter-generation-card-media[data-outputs="4"] {
   grid-template-columns: 1fr 1fr;
 }
-.vgai-generation-output {
+.volter-generation-output {
   display: flex;
   min-width: 0;
   min-height: 0;
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  padding: var(--vgai-space-1);
+  padding: var(--volter-space-1);
 }
 /* `contain`, never `cover`: cropping a generated frame hides exactly the part
  * a game developer is judging. */
-.vgai-generation-output-media {
+.volter-generation-output-media {
   display: block;
   width: 100%;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
-  border-radius: var(--vgai-radius-sm);
+  border-radius: var(--volter-radius-sm);
   object-fit: contain;
 }
 /* The preview's own click target: a real Button stripped back to the image it
  * contains, so the gallery's most obvious gesture is still a focusable control. */
-.vgai-generation-output .vgai-generation-output-open.vgai-btn {
+.volter-generation-output .volter-generation-output-open.volter-btn {
   display: flex;
   width: 100%;
   height: 100%;
@@ -119,113 +119,113 @@
   background: transparent;
   cursor: zoom-in;
 }
-video.vgai-generation-output-media {
+video.volter-generation-output-media {
   width: 100%;
 }
-.vgai-generation-output-audio {
+.volter-generation-output-audio {
   display: flex;
   width: 100%;
   height: 100%;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: var(--vgai-space-2);
-  padding: var(--vgai-space-2);
+  gap: var(--volter-space-2);
+  padding: var(--volter-space-2);
 }
-.vgai-generation-output-audio audio {
+.volter-generation-output-audio audio {
   width: 100%;
 }
-.vgai-generation-output-file {
+.volter-generation-output-file {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: var(--vgai-space-2);
-  padding: var(--vgai-space-3);
-  color: var(--vgai-content-muted);
+  gap: var(--volter-space-2);
+  padding: var(--volter-space-3);
+  color: var(--volter-content-muted);
   text-align: center;
   overflow-wrap: anywhere;
 }
 
-.vgai-generation-state-media {
+.volter-generation-state-media {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: var(--vgai-space-2);
-  padding: var(--vgai-space-3);
+  gap: var(--volter-space-2);
+  padding: var(--volter-space-3);
   text-align: center;
 }
-.vgai-generation-progress {
+.volter-generation-progress {
   width: 70%;
   height: 4px;
-  accent-color: var(--vgai-accent);
+  accent-color: var(--volter-accent);
 }
 
-.vgai-generation-card-body {
+.volter-generation-card-body {
   display: flex;
   min-width: 0;
   flex-direction: column;
-  gap: var(--vgai-space-1);
-  padding: var(--vgai-space-3);
+  gap: var(--volter-space-1);
+  padding: var(--volter-space-3);
 }
-.vgai-generation-card-heading {
+.volter-generation-card-heading {
   display: flex;
   min-width: 0;
   align-items: center;
-  gap: var(--vgai-space-2);
+  gap: var(--volter-space-2);
 }
-.vgai-generation-card-heading > .vgai-text {
+.volter-generation-card-heading > .volter-text {
   min-width: 0;
   flex: 1;
 }
-.vgai-generation-chip {
+.volter-generation-chip {
   flex: 0 0 auto;
 }
-.vgai-generation-chip[data-state="ready"] {
-  color: var(--vgai-success);
-  border-color: var(--vgai-success-muted);
+.volter-generation-chip[data-state="ready"] {
+  color: var(--volter-success);
+  border-color: var(--volter-success-muted);
 }
-.vgai-generation-chip[data-state="failed"],
-.vgai-generation-chip[data-state="save-failed"] {
-  color: var(--vgai-danger);
-  border-color: var(--vgai-danger-muted);
+.volter-generation-chip[data-state="failed"],
+.volter-generation-chip[data-state="save-failed"] {
+  color: var(--volter-danger);
+  border-color: var(--volter-danger-muted);
 }
-.vgai-generation-chip[data-state="queued"],
-.vgai-generation-chip[data-state="running"],
-.vgai-generation-chip[data-state="saving"],
-.vgai-generation-chip[data-state="new"] {
-  color: var(--vgai-accent);
-  border-color: var(--vgai-accent-muted);
+.volter-generation-chip[data-state="queued"],
+.volter-generation-chip[data-state="running"],
+.volter-generation-chip[data-state="saving"],
+.volter-generation-chip[data-state="new"] {
+  color: var(--volter-accent);
+  border-color: var(--volter-accent-muted);
 }
 
 /* The prompt is available, never dominant: two lines, full text on hover. */
-.vgai-generation-card-prompt {
+.volter-generation-card-prompt {
   display: -webkit-box;
-  margin: var(--vgai-space-1) 0 0;
+  margin: var(--volter-space-1) 0 0;
   overflow: hidden;
-  color: var(--vgai-content-dim);
-  font-size: var(--vgai-font-sm);
-  line-height: var(--vgai-leading-normal);
+  color: var(--volter-content-dim);
+  font-size: var(--volter-font-sm);
+  line-height: var(--volter-leading-normal);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-clamp: 2;
 }
-.vgai-generation-card-alert {
-  margin-top: var(--vgai-space-2);
-  font-size: var(--vgai-font-sm);
+.volter-generation-card-alert {
+  margin-top: var(--volter-space-2);
+  font-size: var(--volter-font-sm);
 }
-.vgai-generation-card-actions {
+.volter-generation-card-actions {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--vgai-space-2);
-  margin-top: var(--vgai-space-2);
+  gap: var(--volter-space-2);
+  margin-top: var(--volter-space-2);
 }
 
 @container (max-height: 300px) {
-  .vgai-generation-card-media {
+  .volter-generation-card-media {
     height: 96px;
   }
-  .vgai-generation-card-prompt {
+  .volter-generation-card-prompt {
     display: none;
   }
 }

package/src/generation/generation-documents.tsx

@@ -49,7 +49,7 @@ function billingLabel(billing: GenerationBilling): string {
   if (billing.route === 'managed') {
     if (billing.settledCredits !== undefined) return `${billing.settledCredits} credits settled`;
     if (billing.estimatedCredits !== undefined) return `Up to ${billing.estimatedCredits} credits`;
-    return 'VGAI subscription · estimate unavailable';
+    return 'VOLTER subscription · estimate unavailable';
   }
   if (billing.settledAmount !== undefined) return `$${billing.settledAmount.toFixed(3)} settled`;
   if (billing.estimatedAmount !== undefined) return `Up to $${billing.estimatedAmount.toFixed(3)}`;
@@ -109,11 +109,11 @@ export function GenerationCreateDocumentContent() {
     providers.set(provider, [...(providers.get(provider) ?? []), item]);
   }
   return (
-    <div className="vgai-tool-page" data-testid="generation-create-catalog">
-      <header className="vgai-tool-header">
-        <div className="vgai-tool-eyebrow">Installed provider extensions</div>
-        <h2 className="vgai-tool-title">Create an asset</h2>
-        <p className="vgai-tool-description">
+    <div className="volter-tool-page" data-testid="generation-create-catalog">
+      <header className="volter-tool-header">
+        <div className="volter-tool-eyebrow">Installed provider extensions</div>
+        <h2 className="volter-tool-title">Create an asset</h2>
+        <p className="volter-tool-description">
           Choose a native provider operation. Mock, managed, and BYOK execution remain explicit in
           the operation you open. Current default: {account.preferredRoute}.
         </p>
@@ -126,13 +126,13 @@ export function GenerationCreateDocumentContent() {
         onChange={(event) => setQuery(event.target.value)}
       />
       {[...providers.entries()].map(([provider, contributions]) => (
-        <section className="vgai-tool-card" key={provider}>
-          <h3 className="vgai-tool-section-title">{provider}</h3>
-          <div className="vgai-generation-create-grid">
+        <section className="volter-tool-card" key={provider}>
+          <h3 className="volter-tool-section-title">{provider}</h3>
+          <div className="volter-generation-create-grid">
             {contributions.map((contribution) => (
               <Button
                 variant="ghost"
-                className="vgai-generation-create-card"
+                className="volter-generation-create-card"
                 key={contribution.id}
                 onClick={() => openToolDocument(contribution.id)}
               >
@@ -144,7 +144,7 @@ export function GenerationCreateDocumentContent() {
         </section>
       ))}
       {tools.length === 0 && (
-        <div className="vgai-generation-document-empty">
+        <div className="volter-generation-document-empty">
           No installed generation operation matches this search.
         </div>
       )}
@@ -173,7 +173,7 @@ function ProviderResult({
   );
   const contribution = getGenerationResultContribution(job.poll.tool, job, result);
   if (!contribution) {
-    return <pre className="vgai-generation-native-result">{JSON.stringify(result, null, 2)}</pre>;
+    return <pre className="volter-generation-native-result">{JSON.stringify(result, null, 2)}</pre>;
   }
   const Component = contribution.Component;
   return (
@@ -228,7 +228,7 @@ export function GenerationDocumentContent({ documentId, active }: WorkspaceDocum
 
   if (!job) {
     return (
-      <div className="vgai-generation-document-empty">
+      <div className="volter-generation-document-empty">
         This generation is no longer in project activity.
       </div>
     );
@@ -244,18 +244,18 @@ export function GenerationDocumentContent({ documentId, active }: WorkspaceDocum
       : null);
 
   return (
-    <div className="vgai-generation-document" data-status={job.status}>
-      <header className="vgai-generation-document-header">
+    <div className="volter-generation-document" data-status={job.status}>
+      <header className="volter-generation-document-header">
         <div>
-          <div className="vgai-tool-eyebrow">
+          <div className="volter-tool-eyebrow">
             {job.provider} · {job.operation}
           </div>
-          <h2 className="vgai-tool-title">{job.label}</h2>
-          <div className="vgai-generation-job-meta">
+          <h2 className="volter-tool-title">{job.label}</h2>
+          <div className="volter-generation-job-meta">
             {GENERATION_STATE_LABEL[generationCardState(job)]} · {billingLabel(job.billing)}
           </div>
         </div>
-        <div className="vgai-tool-actions">
+        <div className="volter-tool-actions">
           <Button
             size="compact"
             variant="ghost"
@@ -289,16 +289,16 @@ export function GenerationDocumentContent({ documentId, active }: WorkspaceDocum
         </div>
       </header>
 
-      {job.message && <div className="vgai-tool-status">{job.message}</div>}
+      {job.message && <div className="volter-tool-status">{job.message}</div>}
       {alert && (
-        <div className="vgai-tool-status" data-tone="error" role="alert">
+        <div className="volter-tool-status" data-tone="error" role="alert">
           {alert}
         </div>
       )}
 
-      <section className="vgai-generation-result" aria-label="Generation result">
+      <section className="volter-generation-result" aria-label="Generation result">
         {result === undefined ? (
-          <div className="vgai-generation-document-empty">
+          <div className="volter-generation-document-empty">
             {loading ? 'Loading provider result…' : 'No provider result is available yet.'}
           </div>
         ) : (
@@ -307,7 +307,7 @@ export function GenerationDocumentContent({ documentId, active }: WorkspaceDocum
       </section>
 
       {job.outputPaths && job.outputPaths.length > 0 && (
-        <section className="vgai-generation-output-paths">
+        <section className="volter-generation-output-paths">
           <strong>Project assets</strong>
           {job.outputPaths.map((path) => (
             <code key={path}>{path}</code>
@@ -316,7 +316,7 @@ export function GenerationDocumentContent({ documentId, active }: WorkspaceDocum
       )}
 
       {generationRemovable(job) && (
-        <div className="vgai-generation-document-footer">
+        <div className="volter-generation-document-footer">
           <Button
             size="compact"
             variant="ghost"

package/src/generation/generation-presentation.ts

@@ -219,7 +219,7 @@ export function generationModelLabel(job: GenerationJob): string {
 }
 
 export function generationRouteLabel(job: GenerationJob): string {
-  if (job.mode === 'managed') return 'VGAI subscription';
+  if (job.mode === 'managed') return 'VOLTER subscription';
   if (job.mode === 'direct') return 'Your provider key';
   return 'Mock';
 }