@spunto/design-system 0.32.0 → 0.32.1

package/README.md

@@ -264,7 +264,7 @@ sides — exactly the duplication this package is for.
   dozen entries, where picking is a *logo* task and full cards become a wall.
   They flow and wrap like tags; the pickers pair them with the full card of
   what's selected.
-- **`ExtensionCard`** (+ `ExtensionCardSkeleton`) — a VS Code extension: its real
+- **`ExtensionCard`** (+ `ExtensionCardSkeleton`) — an IDE extension: its real
   Open VSX icon, display name, publisher + verified badge, version, formatted
   install count, rating.
 
@@ -418,7 +418,7 @@ And the read-only twin of that form:
 And the build that configuration triggers, while it runs:
 
 - **`BuildSteps`** — an image build as the **list of blocks it is made of**
-  (base image, bootstrap, one per devcontainer feature, VS Code extensions,
+  (base image, bootstrap, one per devcontainer feature, IDE extensions,
   finalize, DinD seed) rather than a wall of log. Each row lights up in turn and
   carries its own duration, so "what is it doing, and for how long" reads at a
   glance and a slow feature is visibly *the* slow one.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.32.0",
+  "version": "0.32.1",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/src/components/devcontainer/extension-card.tsx

@@ -24,7 +24,7 @@ export interface ExtensionCardProps {
 }
 
 /**
- * A VS Code extension, as a card: its real Open VSX icon, its display name, the
+ * An IDE extension, as a card: its real Open VSX icon, its display name, the
  * publisher (with the marketplace's verified check), version, install count and
  * rating.
  *

package/src/components/devcontainer/index.ts

@@ -1,5 +1,5 @@
 // @spunto/design-system/devcontainer — the three catalogs you compose an
-// environment from: base images, devcontainer features, VS Code extensions.
+// environment from: base images, devcontainer features, IDE extensions.
 //
 // A second *domain* sub-export, next to `/workers`: the root entry stays
 // "primitives with no domain" (a Button knows nothing about an OCI reference).

package/src/components/devcontainer/types.ts

@@ -59,7 +59,7 @@ export interface DevcontainerFeatureEntry {
 }
 
 /**
- * A VS Code extension. Shaped to swallow an Open VSX search result as-is
+ * An IDE extension. Shaped to swallow an Open VSX search result as-is
  * (`namespace` + `name` + `files.icon` + `downloadCount`…) as well as the
  * flattened form an app might store.
  */

package/src/components/projects/build-steps.tsx

@@ -163,7 +163,7 @@ function StepRow({ step, last }: { step: BuildStepItem; last: boolean }) {
  * An image build, as the list of blocks it is actually made of, instead of a wall of log.
  *
  * A project image build pulls a base image, creates the user, installs the editor and the terminal
- * tooling, every devcontainer feature and every VS Code extension, then bakes the DinD seed — all of
+ * tooling, every devcontainer feature and every IDE extension, then bakes the DinD seed — all of
  * it, until now, indistinguishable from the outside: one terminal scrolling. Here each of those is a
  * row that lights up in turn, with its own duration, so "what is it doing, and for how long" is
  * readable at a glance and a slow feature is visibly *the* slow one.

package/src/components/projects/chip-list.tsx

@@ -104,10 +104,10 @@ export function FeatureChips({ features, className }: { features: { id: string }
 }
 
 /**
- * VS Code extensions — `publisher.name` shown by its name half, with the
+ * IDE extensions — `publisher.name` shown by its name half, with the
  * publisher kept in the tooltip. Same logo derivation as the features
  * (`ms-python.python` → Python); anything unrecognised keeps the puzzle piece,
- * which is what a VS Code extension *is*.
+ * which is what an IDE extension *is*.
  */
 export function ExtensionChips({ extensions, className }: { extensions: string[]; className?: string }) {
   return (

package/src/components/projects/extension-picker.tsx

@@ -25,7 +25,7 @@ export interface ExtensionPickerProps {
 }
 
 /**
- * Pick the VS Code extensions installed into code-server: a marketplace search
+ * Pick the IDE extensions installed into code-server: a marketplace search
  * rendering `ExtensionCard`s, plus the picked list.
  *
  * The payloads of everything picked this session are kept around, so a selected

package/src/components/projects/index.ts

@@ -95,7 +95,7 @@ export type { BuildCacheListProps, PrebuildButtonProps } from "./build-cache-lis
 // The build itself, while it runs: the blocks an image is made of, each lighting
 // up in turn. Same domain as the cache list it sits next to (a project's image),
 // hence this entry rather than one of its own — and domain it is, since the
-// blocks are Spunto's (a devcontainer feature, a VS Code extension).
+// blocks are Spunto's (a devcontainer feature, an IDE extension).
 export { BuildSteps } from "./build-steps"
 export type { BuildStepsProps, BuildStepItem, BuildStepKind, BuildStepState } from "./build-steps"
 

package/src/components/projects/project-form.tsx

@@ -45,7 +45,7 @@ const SECTION_META: Record<
   image: { icon: BoxIcon, accent: "ship", title: "Base image", hint: "The devcontainer your workers run on" },
   repositories: { icon: GitBranchIcon, accent: "run", title: "Repositories", hint: "Cloned into /workspace at startup" },
   features: { icon: PuzzleIcon, accent: "flame", title: "Features", hint: "Devcontainer features baked into the image" },
-  extensions: { icon: BlocksIcon, accent: "build", title: "Extensions", hint: "VS Code extensions, installed via code-server" },
+  extensions: { icon: BlocksIcon, accent: "build", title: "Extensions", hint: "IDE extensions, installed via code-server" },
   lifecycle: { icon: TerminalIcon, accent: "ship", title: "Lifecycle", hint: "Commands run on create & on every start" },
   ports: { icon: NetworkIcon, accent: "run", title: "Ports", hint: "Automatically forwarded for every worker" },
   prewarm: { icon: LayersIcon, accent: "build", title: "Prewarm images", hint: "Docker images pre-loaded into the worker's docker-in-docker on first start" },

package/src/components/workers/git-branch-chips.tsx

@@ -100,7 +100,7 @@ function RepoCounters({ repo }: { repo: GitRepoStatus }) {
 
 export interface GitStatusSummaryProps {
   repos: GitRepoStatus[]
-  /** Heading above the list — e.g. "Open in VS Code" inside a tooltip. */
+  /** Heading above the list — e.g. "Open IDE" inside a tooltip. */
   title?: string
   className?: string
 }

package/src/components/workers/worker-card.tsx

@@ -90,7 +90,7 @@ export interface WorkerCardProps {
    *
    * ```tsx
    * menu={[
-   *   codeUrl && { label: "Open in VS Code", icon: Code2Icon, href: codeUrl, target: "_blank" },
+   *   codeUrl && { label: "Open IDE", icon: Code2Icon, href: codeUrl, target: "_blank" },
    *   "separator",
    *   isRunning && { label: "Stop", icon: SquareIcon, onClick: () => stop.mutate(), loading: stop.isPending },
    *   "separator",
@@ -104,7 +104,7 @@ export interface WorkerCardProps {
    * item, a dialog opened from an entry). Takes precedence over `menu`.
    */
   actions?: ReactNode
-  /** Replaces the default "View" footer entirely (extra buttons, a VS Code link…). */
+  /** Replaces the default "View" footer entirely (extra buttons, an IDE link…). */
   footer?: ReactNode
   /** Label of the default footer button. */
   viewLabel?: string

package/src/components/workers/worker-cockpit.tsx

@@ -90,7 +90,7 @@ export interface WorkerCockpitProps {
   onAddTag?: (tag: string, next: string[]) => void
   onRemoveTag?: (tag: string, next: string[]) => void
 
-  /** "Open VS Code", top-right. Omitted → the button doesn't show. */
+  /** "Open IDE", top-right. Omitted → the button doesn't show. */
   editorHref?: string
 
   onStop?: () => void
@@ -473,7 +473,7 @@ export function WorkerCockpit({
         <div className="flex shrink-0 items-center gap-2">
           {settled && editorHref && (
             <Link href={editorHref} className={cn(buttonVariants({ variant: "default", size: "sm" }), "h-8 gap-1.5 px-3 text-xs")}>
-              <Code2Icon className="h-3.5 w-3.5" />Open VS Code<ExternalLinkIcon className="h-2.5 w-2.5 opacity-70" />
+              <Code2Icon className="h-3.5 w-3.5" />Open IDE<ExternalLinkIcon className="h-2.5 w-2.5 opacity-70" />
             </Link>
           )}
           {settled && onStop && (