@lowdefy/blocks-antd-x 6.0.0 → 7.0.0

package/dist/blocks/IntentInput/IntentInput.module.css

@@ -0,0 +1,159 @@
+.root {
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  background: var(--bg);
+  box-shadow:
+    0 1px 2px rgb(0 0 0 / 4%),
+    0 10px 30px -14px rgb(0 0 0 / 18%);
+  transition:
+    border-color 320ms ease,
+    box-shadow 320ms ease;
+  overflow: hidden;
+}
+
+.root[data-mode='committed'] {
+  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
+  box-shadow:
+    0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent),
+    0 14px 36px -18px color-mix(in srgb, var(--accent) 55%, transparent);
+}
+
+.field {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 16px 20px;
+}
+
+.input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--text);
+  font: inherit;
+  font-size: 18px;
+}
+
+.input::placeholder {
+  color: var(--muted);
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 10px;
+  border: 1px dashed var(--border);
+  border-radius: 999px;
+  color: var(--muted);
+  font-size: 12px;
+  white-space: nowrap;
+  animation: pop 220ms cubic-bezier(0.2, 0.9, 0.3, 1.25);
+  transition:
+    color 260ms ease,
+    background 260ms ease,
+    border-color 260ms ease;
+}
+
+.root[data-mode='committed'] .badge {
+  border-color: transparent;
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+  color: color-mix(in srgb, var(--accent) 60%, var(--text));
+}
+
+.morph {
+  overflow: hidden;
+  transition: height 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.inner:not(:empty) {
+  border-top: 1px solid var(--border);
+}
+
+.choices {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px 0;
+  animation: rise 220ms ease;
+}
+
+.choicesLabel {
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.choice {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 12px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--text);
+  font: inherit;
+  font-size: 13px;
+  cursor: pointer;
+  transition:
+    border-color 160ms ease,
+    color 160ms ease;
+}
+
+.choice:hover {
+  border-color: var(--accent);
+  color: color-mix(in srgb, var(--accent) 60%, var(--text));
+}
+
+.slot {
+  padding: 16px 20px 20px;
+  animation: rise 340ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  transform-origin: top center;
+  transition:
+    opacity 280ms ease,
+    filter 280ms ease,
+    transform 280ms ease;
+}
+
+.slot[data-preview='true'] {
+  opacity: 0.42;
+  filter: saturate(0.2) blur(0.6px);
+  transform: scale(0.985);
+  pointer-events: none;
+}
+
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.985);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@keyframes pop {
+  from {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .root,
+  .badge,
+  .morph,
+  .choices,
+  .slot {
+    animation: none;
+    transition: none;
+  }
+}

package/dist/blocks/IntentInput/answerScores.js

@@ -0,0 +1,34 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ // A Decide choice answer ({ choice, confidence, probabilities }) as a score per
+// intent. Options without an intent (such as a `none` escape option) drop out.
+// The provider's calibrated confidence, where it reports one, is the chosen
+// intent's score, and the other intents keep their ratio to it: mixing calibrated
+// and raw scores could rank a rival above the intent the model chose.
+function answerScores({ answer, intents }) {
+    const probabilities = answer?.probabilities ?? {};
+    const chosen = Object.hasOwn(intents, answer?.choice ?? '') ? answer.choice : null;
+    let scale = 1;
+    if (chosen && Number.isFinite(answer.confidence) && probabilities[chosen] > 0) {
+        scale = answer.confidence / probabilities[chosen];
+    }
+    const scores = {};
+    Object.keys(intents).forEach((key)=>{
+        if (Number.isFinite(probabilities[key])) scores[key] = probabilities[key] * scale;
+    });
+    if (chosen && Number.isFinite(answer.confidence)) scores[chosen] = answer.confidence;
+    return scores;
+}
+export default answerScores;

package/dist/blocks/IntentInput/gallery.yaml

@@ -0,0 +1,81 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# A keyword classifier stands in for a Decide request so the example runs
+# without a model. Try "fix the login bug", "sync with Sam friday 2pm" or
+# "standup".
+- title: Capture box
+  blocks:
+    - id: capture_demo
+      type: IntentInput
+      properties:
+        placeholder: Try "fix the login bug" or "sync with Sam friday 2pm"
+        intents:
+          task:
+            label: Task
+            icon: CircleCheck
+            color: '#6366f1'
+          meeting:
+            label: Meeting
+            icon: Calendar
+            color: '#0ea5e9'
+        answer:
+          _state: capture_demo_answer
+      events:
+        onClassify:
+          - id: classify
+            type: SetState
+            params:
+              capture_demo_answer:
+                _js:
+                  fn: |
+                    const text = args.text.toLowerCase();
+                    const probabilities = { task: 0.05, meeting: 0.05 };
+                    if (/^(fix|add|build|update|remove)\b/.test(text)) probabilities.task = 0.9;
+                    if (/\b(sync|meeting|call|standup)\b/.test(text)) {
+                      probabilities.meeting = /\d|today|tomorrow|day\b/.test(text) ? 0.9 : 0.4;
+                    }
+                    return { probabilities };
+                  args:
+                    text:
+                      _event: text
+      slots:
+        task:
+          blocks:
+            - id: capture_demo_task
+              type: Paragraph
+              properties:
+                content:
+                  _string.concat:
+                    - 'New task: '
+                    - _state: capture_demo.text
+            - id: capture_demo_create
+              type: Button
+              properties:
+                title: Create task
+                type: primary
+        meeting:
+          blocks:
+            - id: capture_demo_meeting
+              type: Paragraph
+              properties:
+                content:
+                  _string.concat:
+                    - 'New meeting: '
+                    - _state: capture_demo.text
+            - id: capture_demo_invite
+              type: Button
+              properties:
+                title: Send invite
+                type: primary

package/dist/blocks/IntentInput/meta.js

@@ -0,0 +1,164 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ const level = {
+    type: 'number',
+    minimum: 0,
+    maximum: 1
+};
+const mode = '`idle` (nothing recognised), `preview`, `choose` or `committed`.';
+export default {
+    // An input with slots: its value is { text, intent, mode }, and each intent shows the
+    // slot named after it, so slot names are authored and cannot be enumerated.
+    category: 'input-container',
+    icons: [],
+    valueType: 'object',
+    slots: false,
+    cssKeys: {
+        element: 'The IntentInput element.'
+    },
+    events: {
+        onChange: {
+            description: 'Trigger actions when the user types.',
+            event: {
+                text: 'The current text.'
+            }
+        },
+        onClassify: {
+            description: 'Trigger actions shortly after the text changes, to classify it. Typically runs a Decide request whose answer is passed back as `answer`.',
+            event: {
+                text: 'The text to classify.'
+            }
+        },
+        onIntentChange: {
+            description: 'Trigger actions when the shown intent or its mode changes.',
+            event: {
+                intent: 'The shown intent, or null.',
+                mode
+            }
+        },
+        onSubmit: {
+            description: 'Trigger actions when Enter is pressed.',
+            event: {
+                text: 'The current text.',
+                intent: 'The shown intent, or null.',
+                mode
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            autoFocus: {
+                type: 'boolean',
+                description: 'Focus the input on mount.'
+            },
+            placeholder: {
+                type: 'string',
+                description: 'Placeholder text.'
+            },
+            intents: {
+                type: 'object',
+                description: 'The intents the text can become, by name. Each name is also the slot shown for it. The same object can be the options of the Decide question that classifies the text.',
+                docs: {
+                    displayType: 'yaml'
+                },
+                additionalProperties: {
+                    type: 'object',
+                    additionalProperties: false,
+                    properties: {
+                        label: {
+                            type: 'string',
+                            description: 'Name shown on the badge and choices.'
+                        },
+                        icon: {
+                            type: [
+                                'string',
+                                'object'
+                            ],
+                            description: 'Icon name or Icon block properties for the badge and choices.'
+                        },
+                        color: {
+                            type: 'string',
+                            description: 'Accent color of the edge and badge.'
+                        },
+                        description: {
+                            type: 'string',
+                            description: 'What the intent means. Read by the classifier, not shown.'
+                        }
+                    }
+                }
+            },
+            answer: {
+                type: [
+                    'object',
+                    'null'
+                ],
+                description: 'The classification of the current text, in the shape of a Decide choice answer: `_request: classify.intent`. Options that are not intents, such as a `none` option, are ignored. While a new answer loads, the last one is kept.',
+                docs: {
+                    displayType: 'yaml'
+                },
+                properties: {
+                    choice: {
+                        type: [
+                            'string',
+                            'null'
+                        ]
+                    },
+                    confidence: {
+                        type: [
+                            'number',
+                            'null'
+                        ]
+                    },
+                    probabilities: {
+                        type: [
+                            'object',
+                            'null'
+                        ],
+                        additionalProperties: {
+                            type: 'number'
+                        }
+                    }
+                }
+            },
+            confidence: {
+                type: 'object',
+                additionalProperties: false,
+                description: 'How sure the answer must be before the slot changes how it looks.',
+                docs: {
+                    displayType: 'yaml'
+                },
+                properties: {
+                    preview: {
+                        ...level,
+                        default: 0.3,
+                        description: 'Show a faded preview of the slot from this confidence.'
+                    },
+                    show: {
+                        ...level,
+                        default: 0.6,
+                        description: 'Commit to the intent and show its slot solid from this confidence.'
+                    },
+                    switch: {
+                        ...level,
+                        default: 0.85,
+                        description: 'Replace the shown intent at once from this confidence. Below it, another intent must lead twice in a row, or hold the lead while the user pauses.'
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks/IntentInput/nextIntentState.js

@@ -0,0 +1,62 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ // When the two leading intents are this close and neither is committed, offer both.
+const CHOICE_MARGIN = 0.15;
+// Classifier scores jump around while the user is mid-word, so the shown intent
+// only changes when a challenger leads two rounds in a row or reaches the
+// `switch` confidence. The block re-runs a round with unchanged scores after a
+// pause, so a challenger that holds the lead while the user stops typing also wins.
+// `intent: null` is "nothing recognised"; `challenger: undefined` is "no challenger",
+// so a null challenger can still take the intent back to idle.
+function nextIntentState({ state, scores, confidence }) {
+    const ranked = Object.entries(scores).filter(([, p])=>Number.isFinite(p)).sort((a, b)=>b[1] - a[1]);
+    const top = ranked[0];
+    const candidate = top && top[1] >= confidence.preview ? top[0] : null;
+    let { intent, challenger } = state;
+    if (candidate === intent) {
+        challenger = undefined;
+    } else if (challenger === candidate || (top?.[1] ?? 0) >= confidence.switch) {
+        intent = candidate;
+        challenger = undefined;
+    } else {
+        challenger = candidate;
+    }
+    if (intent === null) return {
+        intent,
+        challenger,
+        mode: 'idle',
+        choices: []
+    };
+    const p = scores[intent] ?? 0;
+    const rival = ranked.find(([key])=>key !== intent);
+    if (p < confidence.show && rival && rival[1] >= confidence.preview && Math.abs(p - rival[1]) < CHOICE_MARGIN) {
+        return {
+            intent,
+            challenger,
+            mode: 'choose',
+            choices: [
+                intent,
+                rival[0]
+            ]
+        };
+    }
+    return {
+        intent,
+        challenger,
+        mode: p >= confidence.show ? 'committed' : 'preview',
+        choices: []
+    };
+}
+export default nextIntentState;

package/dist/blocks.js

@@ -14,3 +14,4 @@
   limitations under the License.
 */ export { default as AgentChat } from './blocks/AgentChat/AgentChat.js';
 export { default as AgentConversations } from './blocks/AgentConversations/AgentConversations.js';
+export { default as IntentInput } from './blocks/IntentInput/IntentInput.js';

package/dist/metas.js

@@ -14,3 +14,4 @@
   limitations under the License.
 */ export { default as AgentChat } from './blocks/AgentChat/meta.js';
 export { default as AgentConversations } from './blocks/AgentConversations/meta.js';
+export { default as IntentInput } from './blocks/IntentInput/meta.js';

package/dist/types.js

@@ -12,21 +12,6 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ export default {
-    blocks: [
-        'AgentChat',
-        'AgentConversations'
-    ],
-    icons: {
-        AgentChat: [],
-        AgentConversations: []
-    },
-    blockMetas: {
-        AgentChat: {
-            category: 'display'
-        },
-        AgentConversations: {
-            category: 'display'
-        }
-    }
-};
+*/ import { extractBlockTypes } from '@lowdefy/block-utils';
+import * as metas from './metas.js';
+export default extractBlockTypes(metas);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd-x",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design X Blocks",
   "homepage": "https://lowdefy.com",
@@ -29,6 +29,9 @@
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     "./blocks": "./dist/blocks.js",
     "./types": "./dist/types.js"
@@ -37,25 +40,25 @@
     "dist/*"
   ],
   "dependencies": {
-    "@ai-sdk/react": "3.0.178",
-    "@ant-design/icons": "6.1.0",
-    "@ant-design/x": "2.7.0",
-    "@ant-design/x-markdown": "2.7.0",
-    "@lowdefy/block-utils": "6.0.0",
-    "@lowdefy/blocks-files": "6.0.0",
-    "@lowdefy/helpers": "6.0.0",
-    "ai": "6.0.176"
+    "@ai-sdk/react": "4.0.119",
+    "@ant-design/x": "2.9.0",
+    "@ant-design/x-markdown": "2.9.0",
+    "@lowdefy/block-utils": "7.0.0",
+    "@lowdefy/blocks-files": "7.0.0",
+    "@lowdefy/helpers": "7.0.0",
+    "ai": "7.0.116"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "6.0.0",
-    "@lowdefy/e2e-utils": "6.0.0",
+    "@lowdefy/block-dev-e2e": "7.0.0",
+    "@lowdefy/e2e-utils": "7.0.0",
     "@playwright/test": "1.59.1",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.32",
-    "copyfiles": "2.4.1"
+    "copyfiles": "2.4.1",
+    "react-dom": "18.2.0"
   },
   "peerDependencies": {
-    "antd": "6.3.1",
+    "antd": "6.6.5",
     "react": "18.2.0"
   },
   "publishConfig": {