@worca/ui 0.46.0 → 0.48.0

package/app/styles.css

@@ -2371,6 +2371,16 @@ sl-input [slot="prefix"] {
   margin-top: 2px;
 }
 
+.settings-field-hint--warn {
+  color: var(--warning, #b8860b);
+}
+
+.settings-field-hint--warn code {
+  color: inherit;
+  background: transparent;
+  padding: 0;
+}
+
 /* Export-mode picker (standalone vs delta): roomy rows, with each option's
    description on its own line aligned under the option title (not the radio). */
 .export-mode-group sl-radio::part(base) {
@@ -3637,6 +3647,86 @@ sl-option.template-grouped:focus::part(suffix) {
   line-height: 1.5;
 }
 
+/* Pipeline-template header row: label on the left, Suggest button on the right. */
+.template-select-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.template-select-header .settings-label {
+  margin-bottom: 0;
+}
+
+.btn-suggest-template::part(base) {
+  font-size: 12px;
+}
+
+/* Center the Sparkles SVG with the label. Without this, the SVG inherits
+ * baseline alignment from inline-flow and sits ~2px below the cap line. */
+.btn-suggest-template::part(prefix) {
+  display: inline-flex;
+  align-items: center;
+}
+
+.btn-suggest-template svg {
+  display: block;
+}
+
+/* Advisor dialog */
+.advisor-dialog::part(panel) {
+  max-width: 560px;
+}
+
+.advisor-dialog-body {
+  font-size: 14px;
+  color: inherit;
+  line-height: 1.55;
+}
+
+.advisor-loading {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: var(--muted);
+}
+
+.advisor-error {
+  color: var(--sl-color-danger-600, #c41e3a);
+}
+
+.advisor-headline {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.advisor-template-name {
+  font-size: 16px;
+}
+
+.advisor-rationale {
+  margin: 6px 0 12px;
+}
+
+.advisor-alternatives ul {
+  list-style: disc;
+  padding-left: 20px;
+  margin: 4px 0 0;
+}
+
+.advisor-alternatives li {
+  margin-bottom: 6px;
+}
+
+.advisor-alternatives .btn-advisor-pick-alt {
+  margin-left: 8px;
+  vertical-align: middle;
+}
+
 /* Plan file autocomplete */
 .plan-autocomplete {
   position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.46.0",
+  "version": "0.48.0",
   "description": "Pipeline monitoring UI for worca-cc",
   "license": "MIT",
   "author": "Sinisha Djukic",

package/server/templates-routes.js

@@ -746,6 +746,76 @@ export function createTemplatesRoutes() {
     (req, res) => handleImportPreview(req, res),
   );
 
+  /**
+   * POST /api/projects/:projectId/templates/advise
+   * Body: { sourceType, sourceValue?, model? }
+   *
+   * Asks the Python advisor to pick the best-fit pipeline template for
+   * the given source. `sourceType` mirrors the launcher's options
+   * ("none" | "spec" | "source" | "pr", or "prompt"/"plan" when called
+   * directly). The route forwards "none" to the Python advisor as
+   * "prompt" so the prompt textarea path works unchanged.
+   *
+   * Returns { ok: true, advice: { template_id, rationale, confidence,
+   * alternatives: [...] } } on success.
+   */
+  router.post('/templates/advise', (req, res) => {
+    const body = req.body || {};
+    const rawSourceType = String(body.sourceType || '').trim();
+    if (!rawSourceType) {
+      return res
+        .status(400)
+        .json({ ok: false, error: 'sourceType is required' });
+    }
+    // Launcher uses "none" for the prompt textarea path. Map it to the
+    // backend's `prompt` source so the same wire shape covers both.
+    const sourceType = rawSourceType === 'none' ? 'prompt' : rawSourceType;
+    const ALLOWED = new Set(['prompt', 'spec', 'source', 'pr', 'plan']);
+    if (!ALLOWED.has(sourceType)) {
+      return res.status(400).json({
+        ok: false,
+        error: `sourceType must be one of: ${Array.from(ALLOWED).join(', ')}`,
+      });
+    }
+    const sourceValue = String(body.sourceValue || '');
+    if (sourceType !== 'prompt' && !sourceValue.trim()) {
+      return res.status(400).json({
+        ok: false,
+        error: 'sourceValue is required for non-prompt sources',
+      });
+    }
+    if (sourceType === 'prompt' && !sourceValue.trim()) {
+      return res
+        .status(400)
+        .json({ ok: false, error: 'sourceValue (prompt text) is required' });
+    }
+    const model =
+      body.model && typeof body.model === 'string' ? body.model : 'sonnet';
+    const { projectRoot } = req.project;
+    try {
+      const stdout = runWorcaTemplates(
+        projectRoot,
+        [
+          'advise',
+          '--source-type',
+          sourceType,
+          '--source-value',
+          '-',
+          '--model',
+          model,
+        ],
+        { stdin: sourceValue, timeout: 90000 },
+      );
+      const advice = JSON.parse(stdout || '{}');
+      res.json({ ok: true, advice });
+    } catch (err) {
+      const status = statusForCliCode(err.cliCode);
+      res
+        .status(status === 500 ? 500 : status)
+        .json({ ok: false, error: err.message || 'advise failed' });
+    }
+  });
+
   /**
    * POST /api/projects/:projectId/templates/validate
    * Body: { config }