@matamt-dbg/dsh-studio 0.2.8 → 0.2.9

package/client.js

@@ -160,11 +160,6 @@ ${adapter}.studio-ui *, .studio-ui *::before, .studio-ui *::after { box-sizing:
 .studio-ui .studio-selection-detail { padding: 16px; margin-top: 12px; border: 1px solid var(--studio-line); border-radius: var(--studio-radius); }
 .studio-ui .studio-schema-tool { margin-top: 12px; padding: 10px; border: 1px solid var(--studio-line); border-radius: var(--studio-small-radius); }
 .studio-ui .studio-schema-tool summary { cursor: pointer; overflow-wrap: anywhere; }
-.studio-ui .studio-schema-fields { margin: 8px 0; }
-.studio-ui .studio-schema-fields > div { display: grid; grid-template-columns: minmax(70px, 120px) minmax(0, 1fr); gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--studio-line); }
-.studio-ui .studio-schema-fields dt { color: var(--studio-muted); overflow-wrap: anywhere; }
-.studio-ui .studio-schema-fields dd { margin: 0; min-width: 0; }
-.studio-ui .studio-schema-list { padding-inline-start: 20px; }
 .studio-ui .studio-schema-meta { color: var(--studio-muted); font-size: 12px; }
 .studio-ui .studio-row button[aria-pressed="true"] { background: var(--studio-hover); border-color: var(--studio-ink); }
 .studio-ui .studio-tool-description { white-space: pre-wrap; overflow-wrap: anywhere; }
@@ -606,7 +601,17 @@ ${adapter}.studio-ui *, .studio-ui *::before, .studio-ui *::after { box-sizing:
 .studio-ui .studio-preview .studio-schema-tool { margin-top: 6px; padding: 8px 10px; background: var(--studio-bg); }
 .studio-ui .studio-preview .studio-schema-tool summary { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
 .studio-ui .studio-preview .studio-schema-tool p { font-size: 12px; }
-.studio-ui .studio-preview .studio-schema-fields > div { grid-template-columns: minmax(60px, 90px) minmax(0, 1fr); font-size: 12px; }
+.studio-ui .studio-schema-params { display: grid; gap: 8px; margin-top: 8px; font-size: 12px; }
+.studio-ui .studio-schema-param { display: grid; gap: 4px; min-width: 0; }
+.studio-ui .studio-schema-param .studio-schema-param { margin-top: 4px; padding-inline-start: 10px; border-inline-start: 1px solid var(--studio-line); }
+.studio-ui .studio-schema-param-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; min-width: 0; }
+.studio-ui .studio-schema-param-head code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; overflow-wrap: anywhere; }
+.studio-ui .studio-schema-required { color: var(--studio-warn); font-size: 11px; }
+.studio-ui .studio-schema-param p { margin: 0; color: var(--studio-muted); line-height: 1.5; }
+.studio-ui .studio-schema-constraints { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
+.studio-ui .studio-schema-constraints li { padding: 0 6px; border-radius: var(--studio-small-radius); background: var(--studio-neutral-fill); color: var(--studio-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; overflow-wrap: anywhere; }
+.studio-ui .studio-schema-constraints li > span { color: var(--studio-subtle); }
+.studio-ui .studio-schema-constraint { color: var(--studio-muted); overflow-wrap: anywhere; }
 @container studio-shell (max-width: 900px) { .studio-ui .studio-preview { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 2fr) minmax(0, 1fr); } }
 
 /* Width rules follow the Studio surface and its content column, which the host sidebar and the Studio navigation narrow. */
@@ -1059,7 +1064,7 @@ var PACKAGE_NAME = "@matamt-dbg/dsh-studio";
 var POLICY_PLUGIN = `${PACKAGE_NAME}/policy`;
 var ROLE_PLUGIN = `${PACKAGE_NAME}/roles`;
 var BATCH_PLUGIN = `${PACKAGE_NAME}/batch`;
-var STUDIO_VERSION = "0.2.8";
+var STUDIO_VERSION = "0.2.9";
 
 // src/delegation.ts
 var ROLE_TOOL = "subagent_role";
@@ -1827,7 +1832,7 @@ function PromptToolsPrototype({ locale, prompt, onPromptChange, provided, onProv
               result.tools.length ? result.tools.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("details", { className: "studio-schema-tool", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("summary", { children: tool.name }),
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "studio-tool-description", children: tool.description }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaValue, { value: tool.parameters })
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaValue, { value: tool.parameters, requiredLabel: t("\uD544\uC218", "required", "\u5FC5\u586B") })
               ] }, tool.name)) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "studio-muted", children: labels.empty })
             ] })
           ] })
@@ -1836,16 +1841,47 @@ function PromptToolsPrototype({ locale, prompt, onPromptChange, provided, onProv
     )
   ] });
 }
-function SchemaValue({ value }) {
-  if (Array.isArray(value)) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "studio-schema-list", children: value.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaValue, { value: entry }) }, index)) });
-  if (value !== null && typeof value === "object") return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dl", { className: "studio-schema-fields", children: Object.entries(value).map(([key, entry]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: key }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: key === "properties" || key === "items" || key === "$defs" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("details", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("summary", { children: key }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaValue, { value: entry })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaValue, { value: entry }) })
-  ] }, key)) });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "studio-tool-description", children: String(value) });
+function SchemaValue({ value, requiredLabel }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "studio-schema-params", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaBody, { schema: value, requiredLabel }) });
+}
+var STRUCTURAL_KEYS = /* @__PURE__ */ new Set(["type", "description", "properties", "items", "required"]);
+function schemaType(schema) {
+  if (Array.isArray(schema.type)) return schema.type.join(" | ");
+  if (typeof schema.type === "string") return schema.type;
+  return Array.isArray(schema.enum) ? "enum" : "";
+}
+function constraintText(value) {
+  if (Array.isArray(value) && value.every((entry) => entry === null || typeof entry !== "object")) return value.map(String).join(", ");
+  return value !== null && typeof value === "object" ? JSON.stringify(value) : String(value);
+}
+function SchemaBody({ schema, requiredLabel }) {
+  if (!schema || typeof schema !== "object" || Array.isArray(schema)) return schema === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "studio-schema-constraint", children: constraintText(schema) });
+  const row = schema;
+  const required = Array.isArray(row.required) ? row.required : [];
+  const properties = row.properties && typeof row.properties === "object" && !Array.isArray(row.properties) ? Object.entries(row.properties) : [];
+  const constraints = Object.entries(row).filter(([key]) => !STRUCTURAL_KEYS.has(key) || key === "properties" && !properties.length || key === "required" && !properties.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    constraints.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "studio-schema-constraints", children: constraints.map(([key, entry]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: key }),
+      " ",
+      constraintText(entry)
+    ] }, key)) }),
+    properties.map(([name, child]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaParam, { name, schema: child, required: required.includes(name), requiredLabel }, name)),
+    row.items !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaParam, { name: "items", schema: row.items, requiredLabel })
+  ] });
+}
+function SchemaParam({ name, schema, required, requiredLabel }) {
+  const row = schema && typeof schema === "object" && !Array.isArray(schema) ? schema : void 0;
+  const type = row ? schemaType(row) : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "studio-schema-param", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "studio-schema-param-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { children: name }),
+      type && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "studio-schema-meta", children: type }),
+      required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "studio-schema-required", children: requiredLabel })
+    ] }),
+    typeof row?.description === "string" && row.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "studio-tool-description", children: row.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaBody, { schema: row ? Object.fromEntries(Object.entries(row).filter(([key]) => key !== "type" && key !== "description")) : schema, requiredLabel })
+  ] });
 }
 function parameterFields(schema, prefix = "") {
   if (!schema || typeof schema !== "object" || Array.isArray(schema)) return [];

package/index.js

@@ -56,7 +56,7 @@ var BATCH_PLUGIN = `${PACKAGE_NAME}/batch`;
 function currentPluginName(name) {
   return name === LEGACY_PACKAGE_NAME || name.startsWith(`${LEGACY_PACKAGE_NAME}/`) ? PACKAGE_NAME + name.slice(LEGACY_PACKAGE_NAME.length) : name;
 }
-var STUDIO_VERSION = "0.2.8";
+var STUDIO_VERSION = "0.2.9";
 
 // src/delegation.ts
 var ROLE_TOOL = "subagent_role";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matamt-dbg/dsh-studio",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "DSH Studio: build, edit and apply DeepSeek Harness agent presets — tools, prompts, Configs and role-based subagents — from the web GUI.",
   "keywords": [
     "deepseek-harness",