@ai-matrx/alchemy 0.1.4 → 0.1.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.1.6
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/alchemy/v0.1.5..npm/alchemy/v0.1.6 -- apps/shared/alchemy`).
+No source changes intended and no consumer action required.
+
+## 0.1.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/alchemy/v0.1.4..npm/alchemy/v0.1.5 -- apps/shared/alchemy`).
+No source changes intended and no consumer action required.
+
 ## 0.1.4
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/styles.css

@@ -86,7 +86,7 @@
 .matrx-alchemy-palette-row > span { min-width: 0; }
 .matrx-alchemy-palette-row-ai { color: hsl(var(--primary, 262 43% 51%)); }
 .matrx-alchemy-palette :is(button:hover, button:focus-visible) { background: hsl(var(--accent, 240 5% 96%)); outline: none; }
-.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
+.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: inset 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
 .matrx-alchemy-palette-status { margin: 0.25rem 0.375rem; color: hsl(var(--muted-foreground, 240 4% 46%)); font-size: 0.75rem; }
 .matrx-alchemy-notice,
 .matrx-alchemy-meta {
@@ -100,7 +100,7 @@
 }
 .matrx-alchemy-workspace-grid {
   display: grid;
-  grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr);
+  grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
   gap: 1rem;
   min-height: 0;
 }
@@ -108,7 +108,7 @@
   min-height: 0;
   overflow: auto;
   overscroll-behavior: contain;
-  padding-right: 0.125rem;
+  padding: 0.25rem;
 }
 .matrx-alchemy-main {
   display: grid;
@@ -201,7 +201,7 @@
 .matrx-alchemy-preview {
   display: block;
   width: 100%;
-  min-height: 20rem;
+  min-height: 16rem;
   padding: 0.75rem;
   border: 1px solid hsl(var(--border, 240 6% 90%));
   border-radius: 0.375rem;
@@ -323,11 +323,11 @@
   margin: auto;
   translate: none;
   height: fit-content;
-  width: min(56rem, calc(100vw - 2rem));
+  width: min(48rem, calc(100vw - 2rem));
   max-width: calc(100vw - 2rem);
-  padding: 1.5rem;
+  padding: 1rem;
   display: grid;
-  gap: 1rem;
+  gap: 0.75rem;
 }
 [data-slot="dialog-overlay"]:has(+ .matrx-alchemy-workspace) {
   position: fixed;
@@ -456,3 +456,22 @@
   width: 0.875rem;
   height: 0.875rem;
 }
+
+.matrx-alchemy-data-controls { max-height: none; }
+.matrx-alchemy-data-controls-body { display: grid; gap: 0.75rem; margin-top: 0.75rem; }
+.matrx-alchemy-preview-label { display: flex; align-items: center; gap: 0.5rem; }
+.matrx-alchemy-preview-label select { width: auto; min-width: 10rem; max-width: 100%; }
+
+/* Subset shaping uses the same dialog chrome without recursive transfer controls. */
+.matrx-alchemy-subset { width: min(48rem, calc(100vw - 2rem)); height: min(80dvh, 42rem); }
+.matrx-alchemy-subset-body { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 0.75rem; }
+.matrx-alchemy-subset-columns { max-height: 8rem; overflow: auto; margin: 0; padding: 0.25rem; border: 0; font-size: 0.8125rem; }
+.matrx-alchemy-subset-columns legend { font-weight: 500; }
+.matrx-alchemy-subset-table { min-height: 18rem; overflow: hidden; }
+.matrx-alchemy-subset-format { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; }
+.matrx-alchemy-subset-format select { min-height: 2rem; border: 1px solid hsl(var(--border)); border-radius: 0.375rem; background: hsl(var(--background)); color: inherit; padding: 0.25rem 0.5rem; }
+@media (max-width: 767px) { .matrx-alchemy-subset { width: 100%; } }
+
+.matrx-alchemy-feedback { position: fixed; z-index: 10002; bottom: max(1rem, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0.75rem; width: max-content; max-width: calc(100vw - 2rem); padding: 0.5rem 0.75rem; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; background: hsl(var(--background)); color: hsl(var(--foreground)); box-shadow: 0 4px 16px hsl(var(--foreground) / 0.12); font-size: 0.8125rem; }
+.matrx-alchemy-feedback button { flex-shrink: 0; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 0.25rem; background: transparent; color: inherit; cursor: pointer; }
+.matrx-alchemy-feedback button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/alchemy",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Matrx Alchemy: the complete Matrx copy, prepare-for-AI, and export experience, with framework-neutral core, React menu, glyph, styles and Matrx integration.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -124,8 +124,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@ai-matrx/kit": "latest",
     "@ai-matrx/design-system": "latest",
+    "@ai-matrx/kit": "latest",
     "@ai-matrx/agents": "latest"
   },
   "scripts": {