@promptbook/components 0.104.0-10 → 0.104.0-11

package/esm/index.es.js

@@ -35,7 +35,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.104.0-10';
+const PROMPTBOOK_ENGINE_VERSION = '0.104.0-11';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -7317,7 +7317,57 @@ function parseAgentSource(agentSource) {
     }
     const meta = {};
     const links = [];
+    const capabilities = [];
     for (const commitment of parseResult.commitments) {
+        if (commitment.type === 'USE BROWSER') {
+            capabilities.push({
+                type: 'browser',
+                label: 'Browser',
+                iconName: 'Globe',
+            });
+            continue;
+        }
+        if (commitment.type === 'USE SEARCH ENGINE') {
+            capabilities.push({
+                type: 'search-engine',
+                label: 'Search Internet',
+                iconName: 'Search',
+            });
+            continue;
+        }
+        if (commitment.type === 'KNOWLEDGE') {
+            const content = spaceTrim$2(commitment.content).split('\n')[0] || '';
+            let label = content;
+            let iconName = 'Book';
+            if (content.startsWith('http://') || content.startsWith('https://')) {
+                try {
+                    const url = new URL(content);
+                    if (url.pathname.endsWith('.pdf')) {
+                        label = url.pathname.split('/').pop() || 'Document.pdf';
+                        iconName = 'FileText';
+                    }
+                    else {
+                        label = url.hostname.replace(/^www\./, '');
+                    }
+                }
+                catch (e) {
+                    // Invalid URL, treat as text
+                }
+            }
+            else {
+                // Text content - take first few words
+                const words = content.split(/\s+/);
+                if (words.length > 4) {
+                    label = words.slice(0, 4).join(' ') + '...';
+                }
+            }
+            capabilities.push({
+                type: 'knowledge',
+                label,
+                iconName,
+            });
+            continue;
+        }
         if (commitment.type === 'META LINK') {
             const linkValue = spaceTrim$2(commitment.content);
             links.push(linkValue);
@@ -7364,6 +7414,7 @@ function parseAgentSource(agentSource) {
         meta,
         links,
         parameters,
+        capabilities,
     };
 }
 /**
@@ -7725,7 +7776,7 @@ var styles$5 = {"MarkdownContent":"MarkdownContent-module_MarkdownContent__2JuyX
 styleInject(css_248z$6);
 
 /**
- * @@@
+ * Creates a showdown converter configured for chat markdown rendering
  *
  * @private utility of `MarkdownContent` component
  */
@@ -7773,13 +7824,13 @@ function createChatMarkdownConverter() {
     });
 }
 /**
- * @@@
+ * Pre-configured showdown converter for chat markdown
  *
  * @private utility of `MarkdownContent` component
  */
 const chatMarkdownConverter = createChatMarkdownConverter();
 /**
- * @@@
+ * Renders math expressions in markdown using KaTeX
  *
  * @private utility of `MarkdownContent` component
  */
@@ -7976,7 +8027,7 @@ function AboutPromptbookInformation(props) {
 }
 
 /**
- * @@@
+ * Renders an about icon
  *
  * @private internal subcomponent used by various components
  */
@@ -7986,7 +8037,7 @@ function AboutIcon(props) {
 }
 
 /**
- * @@@
+ * Renders an attachment icon
  *
  * @public exported from `@promptbook/components`
  */
@@ -7995,7 +8046,7 @@ function AttachmentIcon({ size = 24, color = 'currentColor' }) {
 }
 
 /**
- * @@@
+ * Renders a camera icon
  *
  * @public exported from `@promptbook/components`
  */
@@ -8004,7 +8055,7 @@ function CameraIcon({ size = 24, color = 'currentColor' }) {
 }
 
 /**
- * @@@
+ * Renders a download icon
  *
  * @private internal subcomponent used by various components
  */
@@ -8098,7 +8149,7 @@ var styles$4 = {"MenuHamburger":"HamburgerMenu-module_MenuHamburger__Jd-wk","Men
 styleInject(css_248z$5);
 
 /**
- * @@@
+ * An animated hamburger menu button component.
  *
  * @private Internal component
  */
@@ -8111,7 +8162,7 @@ var styles$3 = {"dropdown":"Dropdown-module_dropdown__ZShv1","button":"Dropdown-
 styleInject(css_248z$4);
 
 /**
- * @@@
+ * A dropdown menu component that displays a list of actions triggered by a hamburger menu button.
  *
  * @private internal subcomponent used by various components
  */
@@ -9034,7 +9085,7 @@ const MicIcon = ({ size }) => (jsxs("svg", { width: size, height: size, viewBox:
 const ResetIcon = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: jsx("path", { d: "M17.65,6.35C16.2,4.9 14.21,4 12,4c-4.42,0 -7.99,3.58 -7.99,8s3.57,8 7.99,8c3.73,0 6.84,-2.55 7.73,-6h-2.08c-0.82,2.33 -3.04,4 -5.65,4 -3.31,0 -6,-2.69 -6,-6s2.69,-6 6,-6c1.66,0 3.14,0.69 4.22,1.78L13,11h7V4L17.65,6.35z" }) }));
 
 /**
- * @@@
+ * Renders a save icon
  *
  * @public exported from `@promptbook/components`
  */
@@ -12476,7 +12527,7 @@ function countUsage(llmTools) {
  * TODO: [🧠] Is there some meaningfull way how to test this util
  * TODO: [🧠][🌯] Maybe a way how to hide ability to `get totalUsage`
  *     > const [llmToolsWithUsage,getUsage] = countTotalUsage(llmTools);
- * TODO: [👷‍♂️] @@@ Manual about construction of llmTools
+ * TODO: [👷‍♂️] Write a comprehensive manual explaining the construction and usage of LLM tools in the Promptbook ecosystem
  */
 
 /**
@@ -17788,6 +17839,11 @@ class Agent extends AgentLlmExecutionTools {
          * Links found in the agent source
          */
         this.links = [];
+        /**
+         * Capabilities of the agent
+         * This is parsed from commitments like USE BROWSER, USE SEARCH ENGINE, KNOWLEDGE, etc.
+         */
+        this.capabilities = [];
         /**
          * Metadata like image or color
          */
@@ -17797,11 +17853,12 @@ class Agent extends AgentLlmExecutionTools {
         this.agentSource = agentSource;
         this.agentSource.subscribe((source) => {
             this.updateAgentSource(source);
-            const { agentName, personaDescription, initialMessage, links, meta } = parseAgentSource(source);
+            const { agentName, personaDescription, initialMessage, links, meta, capabilities } = parseAgentSource(source);
             this._agentName = agentName;
             this.personaDescription = personaDescription;
             this.initialMessage = initialMessage;
             this.links = links;
+            this.capabilities = capabilities;
             this.meta = { ...this.meta, ...meta };
         });
     }