sculpted 0.3.2 → 0.3.3

package/docs/source-writeback.md

@@ -26,8 +26,7 @@ Sculpted does not edit:
 - adding, deleting, or renaming style properties;
 - converting computed CSS values back to design tokens;
 - broad property-specific editors;
-- inline source creation for TSRX;
-- cross-file rollback if one file write succeeds and a later file write fails.
+- inline source creation for TSRX.
 
 ## Safety Model
 
@@ -35,6 +34,9 @@ Source writes are revalidated on the dev server before writing. Sculpted only wr
 the configured project root, re-checks the current source before saving, and rejects stale source,
 unsupported shapes, duplicate keys, parser errors, and unsafe paths.
 
+Batched saves are prepared before writing. When a multi-file batch write fails after an earlier file
+was written, Sculpted attempts to restore the earlier file before reporting the save failure.
+
 The UI saves immediately after clicking Save. If a save cannot be applied confidently, Sculpted
 shows the failure instead of guessing at a source edit.
 

package/examples/vite-preact-pandacss/src/BatchFixtures.tsx

@@ -0,0 +1,77 @@
+import { css } from '../styled-system/css'
+
+export function BatchFixtures() {
+  return (
+    <section
+      class={css({
+        marginTop: '32px',
+      })}
+    >
+      <h2
+        class={css({
+          color: 'gray.950',
+          fontSize: '22px',
+          lineHeight: '1.25',
+          margin: '0 0 16px',
+        })}
+      >
+        Batch writeback fixtures
+      </h2>
+
+      <div
+        class={css({
+          display: 'grid',
+          gap: '16px',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))',
+        })}
+      >
+        <article
+          class={css({
+            backgroundColor: 'white',
+            borderColor: 'gray.200',
+            borderRadius: '12px',
+            borderWidth: '1px',
+            color: 'brand.700',
+            fontSize: '15px',
+            lineHeight: '1.6',
+            padding: '18px',
+          })}
+        >
+          <strong
+            class={css({
+              display: 'block',
+              fontWeight: '700',
+              marginBottom: '8px',
+            })}
+          >
+            Inherited source target
+          </strong>
+          <span
+            class={css({
+              fontWeight: '400',
+            })}
+          >
+            Inspect this span to verify inherited color, font size, and line height point back to
+            this imported component file.
+          </span>
+        </article>
+
+        <article
+          class={css({
+            backgroundColor: 'manual.50',
+            borderColor: 'manual.500',
+            borderRadius: '12px',
+            borderWidth: '1px',
+            color: 'gray.700',
+            fontSize: '15px',
+            lineHeight: '1.6',
+            padding: '18px',
+          })}
+        >
+          This card gives same-batch saves a second Preact source file to edit alongside
+          <code>main.tsx</code>.
+        </article>
+      </div>
+    </section>
+  )
+}

package/examples/vite-preact-pandacss/src/main.tsx

@@ -1,5 +1,6 @@
 import { render } from 'preact'
 import { css, cx } from '../styled-system/css'
+import { BatchFixtures } from './BatchFixtures'
 import { TsrxManualPanel } from './TsrxManualPanel.tsrx'
 import './index.css'
 import styles from './main.style'
@@ -474,6 +475,7 @@ function App() {
 
         <TokenCreationChecks />
         <InteractionStateChecks />
+        <BatchFixtures />
         <TsrxManualPanel />
         <EdgeCaseGrid />
       </div>

package/examples/vite-react-pandacss/src/BatchFixtures.tsx

@@ -0,0 +1,77 @@
+import { css } from '../styled-system/css'
+
+export function BatchFixtures() {
+  return (
+    <section
+      className={css({
+        marginTop: '32px',
+      })}
+    >
+      <h2
+        className={css({
+          color: 'gray.950',
+          fontSize: '22px',
+          lineHeight: '1.25',
+          margin: '0 0 16px',
+        })}
+      >
+        Batch writeback fixtures
+      </h2>
+
+      <div
+        className={css({
+          display: 'grid',
+          gap: '16px',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))',
+        })}
+      >
+        <article
+          className={css({
+            backgroundColor: 'white',
+            borderColor: 'gray.200',
+            borderRadius: '12px',
+            borderWidth: '1px',
+            color: 'brand.700',
+            fontSize: '15px',
+            lineHeight: '1.6',
+            padding: '18px',
+          })}
+        >
+          <strong
+            className={css({
+              display: 'block',
+              fontWeight: '700',
+              marginBottom: '8px',
+            })}
+          >
+            Inherited source target
+          </strong>
+          <span
+            className={css({
+              fontWeight: '400',
+            })}
+          >
+            Inspect this span to verify inherited color, font size, and line height point back to
+            this imported component file.
+          </span>
+        </article>
+
+        <article
+          className={css({
+            backgroundColor: 'manual.50',
+            borderColor: 'manual.500',
+            borderRadius: '12px',
+            borderWidth: '1px',
+            color: 'gray.700',
+            fontSize: '15px',
+            lineHeight: '1.6',
+            padding: '18px',
+          })}
+        >
+          This card gives same-batch saves a second React source file to edit alongside
+          <code>main.tsx</code>.
+        </article>
+      </div>
+    </section>
+  )
+}

package/examples/vite-react-pandacss/src/main.tsx

@@ -1,6 +1,7 @@
 import { createRoot } from 'react-dom/client'
 import type { ReactNode } from 'react'
 import { css, cx } from '../styled-system/css'
+import { BatchFixtures } from './BatchFixtures'
 import styles from './main.style'
 import './index.css'
 
@@ -192,6 +193,7 @@ function App() {
           This app verifies the inspect, preview, and source-save loop for React elements that use
           Panda <code>css()</code> calls through <code>className</code>.
         </Card>
+        <BatchFixtures />
         <EdgeCaseGrid />
         <TokenCreationChecks />
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sculpted",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Experimental alpha dev inspector for editing Panda CSS styles and writing safe source updates.",
   "license": "FSL-1.1-ALv2",
   "author": "Alec Larson",
@@ -56,7 +56,8 @@
     "prepublishOnly": "pnpm check"
   },
   "dependencies": {
-    "@pandacss/node": "1.11.1"
+    "@pandacss/node": "1.11.1",
+    "zod": "4.4.3"
   },
   "peerDependencies": {
     "@tsrx/core": ">=0.1.0",