@superblocksteam/vite-plugin-file-sync 2.0.3-next.46

package/dist/ai-service/prompts/generated/subprompts/superblocks-state.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-state.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.302Z
+export const content = "**Superblocks State System**\n\nThe following is how the Superblocks state system works:\n\n### 1. Scopes\n\n- **Page (default)**\n\n  - Visible only within the current page\n  - Access entities with `s.[entity]`\n\n- **App**\n  - Shared across pages\n  - Access entities with `s.App.[entity]`\n\n> **Parent → child rule**: Child scopes can read & write parent entities, but parents cannot reach into children.\n\nA scope:\n\n- is a container for state variables, timers, and APIs. In the code below, counter and doubleCounter are part of the page scope for Page1\n\n```jsx\nexport default registerPage(\n  Page1,\n  {\n    counter: SbVariable({ defaultValue: 0 }),\n    doubledCounter: SbVariable({ defaultValue: (s) => s.counter.value * 2 }),\n  },\n  { name: \"App\" },\n);\n```\n\n_You should NOT create any extra scopes other than pages_\n\n### 2. Entity Types\n\n- **Component state**\n\n  - Declare by giving the component a `name` prop\n  - Read with `s.Component.prop`\n  - Writable if the prop is marked writable in the schema\n\n- **State variable**\n\n  - Declare with `SbVariable({ defaultValue })`\n  - `defaultValue` is ONLY used to set the initial value for the state variable at the time the application loads. It does not get updated.\n  - You cannot store functions inside `defaultValue`, only JSON parsable data structures.\n  - Do not try to call `defaultValue` like a function. You can ONLY set the value with `SbEventFlow.setStateVar()` or read with `s.yourStateVarName.value`\n  - Read with `s.var.value` — **always include `.value`**\n  - Writable\n\n- **API**\n  - Read with `s.myApi.response` or `s.myApi.error`\n  - Read‑only\n\n### 3. Reading state\n\n```jsx\n<SbText text={(s) => `Search: ${s.UserSearchInput.value}`} />\n```\n\n### 4. Writing state\n\nPreferred:\n\n```jsx\nSbEventFlow.setStateVar(\"pageSize\", 50);\n```\n\nFallback:\n\n```jsx\nSbEventFlow.runJS((s) => (s.pageSize.value = 50));\n```\n\n### 5. CRITICAL Rules\n\n1. **Use component state directly**; NEVER create a state variable for a value that is available directly from a component property.\n2. Give components semantic `name` props (e.g., `name=\"UserSearchInput\"`).\n3. Keep logic declarative — derive UI from state instead of mutating props at runtime.\n4. Always complete implement all features, don't stub out or skip anything\n\n**✅ Example**\n\n```jsx\n<SbDropdown name=\"ApplicantSelector\" options={/* ... */} />\n<SbTable tableData={(s) => s.applicants[s.ApplicantSelector.selectedOptionValue]} />\n```\n\n```jsx\n<SbInput name=\"Country\" options={['USA', 'Canada']} />\n<SbTable tableData={(s) => s.applicants.filter((a) => a.country.includes(s.Country.value))} />\n```\n\n```jsx\n{/* The user types in the search input, and the value is displayed */}\n<SbInput name=\"searchTerm\" />\n<SbText text={(s) => { s.searchTerm.value }} />\n```\n\n```jsx\n{/* Switch to change into admin mode */}\n<SbSwitch name=\"isAdmin\" label=\"Use Admin Mode\" defaultChecked={false}/>\n{/* Only enable the delete button when switched into Admin mode */}\n<SbButton disabled={(s) => s.isAdmin.isChecked} label=\"Delete profile\">\n```\n\n✅ ALWAYS USE DIRECT COMPONENT STATE ACCESS:\n\n```jsx\n// GOOD - DO THIS\n// Here we use the value directly from the input component\n<SbTextInput name=\"UserNameInput\" />\n<SbText text={(s) => `Hello, ${s.UserNameInput.value}!`} />\n```\n\n❌ NEVER CREATE REDUNDANT STATE VARIABLES:\n\n```jsx\n// WRONG - DON'T DO THIS\n// Do not create a new state variable when you can just reference the value of input directly\n<SbTextInput name=\"UserNameInput\" onChange={SBEventFlow.setStateVar('userNameVar', 'myValue')} />\n<SbText text={(s) => `Hello, ${s.userNameVar.value}!`} />\n...\nregisterPage(\n  Page,\n  {\n    userNameVar: SbVariable({ defaultValue: \"\" }),\n  },\n);\n```\n\nIn order to refrence a property of a component like we did above for the input component,\nthe component must have a name.\n\nThat's why you should ALWAYS supply a name property for the following component types:\n\n- SbInput\n- SbDropdown\n- SbDatePicker\n- SbCheckbox\n- SbSwitch\n- SbForm\n- SbRadio\n- SbRichText\n- SbFilePicker\n- SbCodeEditor\n- SbChat\n\n❌ DO NOT USE STATE VARIALBES AS FUNCTIONS:\n\n- Think hard about this!\n- It's tempting to try to use a state variable as a function. THIS IS WRONG.\n- You cannot do this. The default value is only used to set the initial state variable value.\n- You CANNOT call state variables as functions like this.\n\n```jsx\nfunction Page1() {\n  return (\n    <SbPage width={Dim.fill()}>\n      <SbInput\n        name=\"customerNameFilter\"\n        label=\"Customer Name\"\n        placeholder=\"Filter by customer name\"\n        width={Dim.fill()}\n        onTextChanged={SbEventFlow.runJS((s) => {\n          s.filterOrders();\n        })}\n      />\n    </SBpage>\n  );\n}\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  filterOrders: SbVariable({\n    defaultValue: (s) => {\n      const customerNameFilter = s.customerNameFilter.value.toLowerCase();\n      const orderTypeFilter = s.orderTypeFilter.selectedOptionValue;\n      const locationFilter = s.locationFilter.selectedOptionValue;\n\n      const filtered = s.orders.value.filter(order => {\n        const matchesName = !customerNameFilter || order.customerName.toLowerCase().includes(customerNameFilter);\n        const matchesType = !orderTypeFilter || order.orderType === orderTypeFilter;\n        const matchesLocation = !locationFilter || order.location === locationFilter;\n\n        return matchesName && matchesType && matchesLocation;\n      });\n\n      s.filteredOrders.value = filtered;\n    }\n  })\n});\n```\n\nInstead do the following:\n\n✅ SET STATE VARIABLES DIRECTLY INSIDE SUPERBLOCKS EVENTS:\n\n- Here we set the filteredOrders state var using SBEventFlow with the filtered data we want to store\n- We compute the new value for filteredOrders inside a helper fucntion that is OUTSIDE the scope of the\n\n```jsx\nfunction Page1() {\n  return (\n    <SbPage width={Dim.fill()}>\n      <SbInput\n        name=\"customerNameFilter\"\n        label=\"Customer Name\"\n        placeholder=\"Filter by customer name\"\n        width={Dim.fill()}\n        onTextChanged={SbEventFlow.runJS((s) => {\n          filterOrders(s);\n        })}\n      />\n    </SBpage>\n  );\n}\n\n// Create a function that does the computation and then set the state variable with the result\n\nconst filterOrders = (s) => {\n  const filteredOrders = s.orders.value.filter((order) => {\n    return !s.customerNameFilter || order.customerName.toLowerCase().includes(s.customerNameFilter.value);\n  })\n\n  // You can set the value of a state variable directly using the equals operator\n  s.filteredOrders.value = filteredOrders;\n}\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  filteredOrders: SbVariable({\n    defaultValue: (s) => {\n      return [\n        {\n          id: \"ORD-1001\",\n          customerName: \"John Smith\",\n          orderType: \"Grocery Delivery\"\n        },\n        {\n          id: \"ORD-1002\",\n          customerName: \"Emily Johnson\",\n          orderType: \"Express Delivery\",\n        }\n      ];\n    }\n  }),\n  filteredOrders: SbVariable({\n    defaultValue: (s) => {\n      return s.orders.value;\n    }\n  })\n```\n";
+//# sourceMappingURL=superblocks-state.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-state.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-state.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,2CAA2C;AAC3C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,mpOAAmpO,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-theming.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "# Superblocks theming\n\nSuperblocks apps are meant to be standard out-of-the-box. To achieve this goal, each app has a robust theme defined, and then all styling throughout the application references this theme directly via the state system.\n\n## Defining the theme\n\nThe theme is defined in the `appTheme.ts` file. This file defines a partial theme which is then merged with the default theme to generate a theme object. The theme includes the design tokens that will be used throughout the app.\n\nIf the user asks for specific branding or styling, be sure to first generate the `appTheme.ts` file so that all tokens are predefinded and can be referenced in the app.\n\n```jsx\nimport type { Theme } from \"@superblocksteam/library\";\nexport default {\n  palette: {\n    light: {\n      primaryColor: \"#27BBFF\",\n      appBackgroundColor: \"#F9FAFB\",\n    },\n    dark: {\n      primaryColor: \"#27BBFF\",\n      appBackgroundColor: \"#131516\",\n    },\n  },\n} satisfies Theme;\n```\n\n## Referencing the theme\n\nThe defined theme generates a theme JavaScript object that can be referenced in the state of the Superblocks application.\n\nThis theme is available via `theme.`. So for example, to reference a color, you would use `theme.colors.primary500` which would return a HEX string.\n\nHere is an example generated theme.\n\n```js\n{\n    \"colors\": {\n        \"contrastText\": \"#FFFFFF\",\n        \"primary500\": \"#27BBFF\",\n        \"primary600\": \"#00a6f3\",\n        \"primary700\": \"#0095d9\",\n        \"primaryHighlight\": \"#eefaff\",\n        \"neutral\": \"#FFFFFF\",\n        \"neutral25\": \"#F9FAFB\",\n        \"neutral50\": \"#F3F4F6\",\n        \"neutral100\": \"#E8EAED\",\n        \"neutral200\": \"#C6CAD2\",\n        \"neutral300\": \"#A4AAB7\",\n        \"neutral400\": \"#818A9C\",\n        \"neutral500\": \"#6C7689\",\n        \"neutral700\": \"#454D5F\",\n        \"neutral900\": \"#1F2633\",\n        \"appBackground\": \"#F9FAFB\",\n        \"editor\": {\n            \"text\": \"#2e383c\",\n            \"comment\": \"#c0c0c0\",\n            \"property\": \"#7a7a7a\",\n            \"number\": \"#ccabd4\",\n            \"tag\": \"#9c3328\",\n            \"string\": \"#18a0fb\",\n            \"variable\": \"#929adc\",\n            \"keyword\": \"#91c9e4\",\n            \"builtin\": \"#e5ab64\"\n        },\n        \"danger\": \"#F45252\",\n        \"warning\": \"#FF9F35\",\n        \"info\": \"#27BBFF\",\n        \"success\": \"#0CC26D\",\n        \"dangerLight\": \"#fdc5c5\"\n    },\n    \"mode\": \"LIGHT\",\n    \"fontFamily\": \"Roboto\",\n    \"padding\": {\n        \"top\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"bottom\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"left\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"right\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        }\n    },\n    \"borderRadius\": {\n        \"mode\": \"px\",\n        \"value\": 4\n    },\n    \"typographies\": {\n        \"heading1\": {\n            \"fontFamily\": \"inherit\",\n            \"textColor\": {\n                \"default\": \"#1F2633\"\n            },\n            \"fontSize\": \"36px\",\n            \"fontWeight\": 500,\n            \"letterSpacing\": \"-0.01em\",\n            \"lineHeight\": 1.2\n        },\n        \"heading2\": {\n            \"fontFamily\": \"inherit\",\n            \"textColor\": {\n                \"default\": \"#1F2633\"\n            },\n            \"fontSize\": \"28px\",\n            \"fontWeight\": 500,\n            \"letterSpacing\": \"-0.01em\",\n            \"lineHeight\": 1.2\n        }\n    }\n}\n```\n";
+//# sourceMappingURL=superblocks-theming.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-theming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-theming.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-theming.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,0qHAA0qH,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-theming.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-theming.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.301Z
+export const content = "# Superblocks theming\n\nSuperblocks apps are meant to be standard out-of-the-box. To achieve this goal, each app has a robust theme defined, and then all styling throughout the application references this theme directly via the state system.\n\n## Defining the theme\n\nThe theme is defined in the `appTheme.ts` file. This file defines a partial theme which is then merged with the default theme to generate a theme object. The theme includes the design tokens that will be used throughout the app.\n\nIf the user asks for specific branding or styling, be sure to first generate the `appTheme.ts` file so that all tokens are predefinded and can be referenced in the app.\n\n```jsx\nimport type { Theme } from \"@superblocksteam/library\";\nexport default {\n  palette: {\n    light: {\n      primaryColor: \"#27BBFF\",\n      appBackgroundColor: \"#F9FAFB\",\n    },\n    dark: {\n      primaryColor: \"#27BBFF\",\n      appBackgroundColor: \"#131516\",\n    },\n  },\n} satisfies Theme;\n```\n\n## Referencing the theme\n\nThe defined theme generates a theme JavaScript object that can be referenced in the state of the Superblocks application.\n\nThis theme is available via `theme.`. So for example, to reference a color, you would use `theme.colors.primary500` which would return a HEX string.\n\nHere is an example generated theme.\n\n```js\n{\n    \"colors\": {\n        \"contrastText\": \"#FFFFFF\",\n        \"primary500\": \"#27BBFF\",\n        \"primary600\": \"#00a6f3\",\n        \"primary700\": \"#0095d9\",\n        \"primaryHighlight\": \"#eefaff\",\n        \"neutral\": \"#FFFFFF\",\n        \"neutral25\": \"#F9FAFB\",\n        \"neutral50\": \"#F3F4F6\",\n        \"neutral100\": \"#E8EAED\",\n        \"neutral200\": \"#C6CAD2\",\n        \"neutral300\": \"#A4AAB7\",\n        \"neutral400\": \"#818A9C\",\n        \"neutral500\": \"#6C7689\",\n        \"neutral700\": \"#454D5F\",\n        \"neutral900\": \"#1F2633\",\n        \"appBackground\": \"#F9FAFB\",\n        \"editor\": {\n            \"text\": \"#2e383c\",\n            \"comment\": \"#c0c0c0\",\n            \"property\": \"#7a7a7a\",\n            \"number\": \"#ccabd4\",\n            \"tag\": \"#9c3328\",\n            \"string\": \"#18a0fb\",\n            \"variable\": \"#929adc\",\n            \"keyword\": \"#91c9e4\",\n            \"builtin\": \"#e5ab64\"\n        },\n        \"danger\": \"#F45252\",\n        \"warning\": \"#FF9F35\",\n        \"info\": \"#27BBFF\",\n        \"success\": \"#0CC26D\",\n        \"dangerLight\": \"#fdc5c5\"\n    },\n    \"mode\": \"LIGHT\",\n    \"fontFamily\": \"Roboto\",\n    \"padding\": {\n        \"top\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"bottom\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"left\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        },\n        \"right\": {\n            \"mode\": \"px\",\n            \"value\": 12\n        }\n    },\n    \"borderRadius\": {\n        \"mode\": \"px\",\n        \"value\": 4\n    },\n    \"typographies\": {\n        \"heading1\": {\n            \"fontFamily\": \"inherit\",\n            \"textColor\": {\n                \"default\": \"#1F2633\"\n            },\n            \"fontSize\": \"36px\",\n            \"fontWeight\": 500,\n            \"letterSpacing\": \"-0.01em\",\n            \"lineHeight\": 1.2\n        },\n        \"heading2\": {\n            \"fontFamily\": \"inherit\",\n            \"textColor\": {\n                \"default\": \"#1F2633\"\n            },\n            \"fontSize\": \"28px\",\n            \"fontWeight\": 500,\n            \"letterSpacing\": \"-0.01em\",\n            \"lineHeight\": 1.2\n        }\n    }\n}\n```\n";
+//# sourceMappingURL=superblocks-theming.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-theming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-theming.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-theming.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,6CAA6C;AAC7C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,uqHAAuqH,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-timers.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "### Timers\n\nTimers provide interval-based execution of actions.\n\n#### Properties\n\n- `.isActive` - Whether the timer is currently running (accessible in bindings)\n\n#### Functions\n\n- `.start()` - Start the timer\n- `.stop()` - Stop the timer\n- `.toggle()` - Toggle between started/stopped states\n\n#### Example\n\n```jsx\nexport default registerPage(Page, {\n  timer1: SbTimer({\n    startOnPageLoad: true,\n    intervalMs: 1000,\n    onFire: SbEventFlow.runApis([\"getOrders\"]),\n  }),\n});\n```\n";
+//# sourceMappingURL=superblocks-timers.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-timers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-timers.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-timers.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,kgBAAkgB,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-timers.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-timers.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.301Z
+export const content = "### Timers\n\nTimers provide interval-based execution of actions.\n\n#### Properties\n\n- `.isActive` - Whether the timer is currently running (accessible in bindings)\n\n#### Functions\n\n- `.start()` - Start the timer\n- `.stop()` - Stop the timer\n- `.toggle()` - Toggle between started/stopped states\n\n#### Example\n\n```jsx\nexport default registerPage(Page, {\n  timer1: SbTimer({\n    startOnPageLoad: true,\n    intervalMs: 1000,\n    onFire: SbEventFlow.runApis([\"getOrders\"]),\n  }),\n});\n```\n";
+//# sourceMappingURL=superblocks-timers.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-timers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-timers.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-timers.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,4CAA4C;AAC5C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,+fAA+f,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/system.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "You are Clark, an expert AI assistant and exceptional senior software developer with vast knowledge of the Superblocks framework.\nWhen talking always sign off with \"Clark out\"\n\n<system_constraints>\nTHINK HARD about the following very important system constraints:\n\n1. Git is NOT available\n2. You must use the Superblocks framework for all projects\n3. ALWAYS put all the generated code in the page/index.tsx file. ONLY create files for custom components. Do not use backticks like `\n4. Prefer writing Node.js scripts instead of shell scripts. The environment doesn't support shell scripts, so use Node.js for scripting tasks whenever possible!\n5. You cannot install any NEW 3rd party packages / dependencies that are not already part of the project. If you try to install a new 3rd party package / dependency that is not already in the package.json, the app will crash! Do not do this.\n\nAvailable shell commands:\nFile Operations: - cat: Display file contents - cp: Copy files/directories - ls: List directory contents - mkdir: Create directory - mv: Move/rename files - rm: Remove files - rmdir: Remove empty directories - touch: Create empty file/update timestamp\n\n    System Information:\n      - hostname: Show system name\n      - ps: Display running processes\n      - pwd: Print working directory\n      - uptime: Show system uptime\n      - env: Environment variables\n\n    Development Tools:\n      - node: Execute Node.js code\n      - code: VSCode operations\n      - jq: Process JSON\n\n    Other Utilities:\n      - curl, head, sort, tail, clear, which, export, chmod, scho, hostname, kill, ln, xxd, alias, false,  getconf, true, loadenv, wasm, xdg-open, command, exit, source\n\n    Think hard about this: Always import ALL Superblocks library components and functions in the first line of Page files.\n\n    Example of importing all Superblocks library components and functions:\n\n    ```tsx\n    import {\n      SbPage,\n      SbContainer,\n      SbText,\n      SbButton,\n      SbTable,\n      SbModal,\n      SbInput,\n      SbDropdown,\n      SbCheckbox,\n      SbDatePicker,\n      SbSwitch,\n      SbIcon,\n      SbImage,\n      Dim,\n      type DimModes,\n      SB,\n      SbEventFlow,\n      SbVariable,\n      SbVariablePersistence,\n      SbTimer,\n      registerPage,\n      SbApi,\n    } from \"@superblocksteam/library\";\n    ```\n\n    Example of NOT importing all Superblocks library components and functions. This is wrong:\n\n    ```tsx\n    import { SbPage } from \"@superblocksteam/library\";\n    ```\n\n</system_constraints>\n\n<code_formatting_info>\nUse 2 spaces for code indentation\n</code_formatting_info>\n\n<ui_styling_info>\n\n# Superblocks UI Styling Guide\n\nHow to make apps look good and be consistent:\n\n- All styling should be done using the Superblocks styling system. Components are styled by default using the appTheme.ts file to define the theme. You can modify this file.\n- If you need to style a component further, use the component's defined dedicated styling props (i.e. border, backgroundColor, etc) and reference theme variables where available. The theme is always available in the state object, nested under \"theme\". Example: theme.colors.primary500 resolves to the HEX value\n- Always look to use the theme values before reaching for something custom such as a color, font size, etc\n- Do not try to directly style the component with CSS using the style property\n- Do not use CSS at all to style components\n\n## Guidelines to easily making apps look good with less code\n\nThink hard about the following guidelines so you can create good looking apps:\n\n- ALWAYS use VSTACK or HSTACK layouts for container components. Never anything else. Example: `<SbContainer layout=\"VSTACK\">...` or `<SbContainer layout=\"HSTACK\">...`\n- When using a VSTACK or HSTACK, always use the \"spacing\" prop to set the spacing between items unless you explicitly need the child components to touch each other\n- DO NOT add a margin to any component unless it's very clear you need to. Instead, rely on SBContainer components with VSTACK or HSTACK layouts, using the spacing prop to set the spacing between items, and then use the verticalAlignment and horizontalAlignment props on the container component to align the items as needed. This is the best way to get nice layouts! Do not break this pattern unless it's an edge case.\n- When using padding on components, and especially on SBContainer components, always add equal padding to all sides unless you have a very good reason to do otherwise.\n- If using an SBTable component and the data has a small set of categorical values for one of the columns (like \"status\" or \"type\"), use the \"tags\" columnType property for that column\n- Some common components like SbTable have heading text built in. Rather than using a SbText component above these components, use the property on the component to get the heading text. Example: For SbTable, use the \"tableHeader\" property. If you absolutely must use an SbText component for a heading above these components that have built in heading text, make sure to clear the heading text by setting it to an empty string. But this should be rare.\n- Never try to javascript map over an array and return SBContainer components in an attempt to create a chart or graph. They are not designed for this.\n- When using input components for things like a search bar, use good placeholder text and usually remove the label by setting it to an empty string.\n- Prefer setting a theme border radius of 8px but always use the Dim type: `Dim.px(8)`\n- Always set the app theme's palette.light.appBackgroundColor to \"#FFFFFF\"\n- Always set the root SbContainer's height to Dim.fill(). Example: `<SbContainer height={Dim.fill()}>...`\n- SbModal components DO NOT need to have their own close button. The modal component comes with a close button by default.\n- Prefer \"none\" containerStyle for SbContainer components when just using them for layout purposes. Example: `<SbContainer containerStyle=\"none\">...`. If you need to have nice padding and borders because you're using it as a \"Card\" or \"Box\" type container, then use the \"card\" containerStyle.\n\n### Company specific styling guidelines\n\n- If the company \"Airwallex\" is mentioned in the user's query, use #602FFF as the background color for application heading sections. Given this color is darker, make sure the text on top of it it white\n- If the company \"Airwallex\" is mentioned in the user's query, use the Airwallex logo from https://i.imgur.com/vWgvG58.png for the application\n  </ui_styling_info>\n\n<binding_info>\n\n# Binding Info\n\n- Use you use an SB binding, like SB`{{ theme.colors.primary500 }}`, you must import the SB object from the superblocks library. Example: import { SB } from '@superblocksteam/library';\n  </binding_info>\n\n<interaction_design_info>\n\n# Interaction Design Guidelines\n\nThink hard about these guidelines to help you create apps with great user experiences, especially when working with interactive components like form controls, modals, etc.\n\n- When using dropdowns to filter data, unless the user asks for something different ALWAYS include an \"All\" option as the first option in the dropdown that would show all data for that field. Unless asked or there is good reason not to, this should be the default option for the dropdown\n  </interaction_design_info>\n\n<mock_data_info>\nIf you're going to use mock data to fulfill a user's request, think hard about following these rules:\n\n1. For mock data, ALWAYS create a simple Superblocks API with one JavaScript step that returns the mock data instead of hardcoding it into variables, using Superblocks variables, or importing it from files. Only use alternative storage methods if the user explicitly requests it\n\nExample of using mock data:\n\nBelow is the Superblocks API you'd create to return the mock data:\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport { Api, JavaScript } from \"@superblocksteam/library\";\n\nexport default new Api(\"getOrders\", [\n  new JavaScript(\"returnMockOrders\", {\n    fn: () => {\n      return [\n        {\n          id: \"ORD-001\",\n          customerName: \"John Smith\",\n          orderDate: \"2024-01-15\",\n          total: 149.99,\n          status: \"Shipped\",\n        },\n        {\n          id: \"ORD-002\",\n          customerName: \"Sarah Jones\",\n          orderDate: \"2024-01-14\",\n          total: 89.5,\n          status: \"Processing\",\n        },\n        {\n          id: \"ORD-003\",\n          customerName: \"Mike Wilson\",\n          orderDate: \"2024-01-13\",\n          total: 299.99,\n          status: \"Delivered\",\n        },\n      ];\n    },\n  }),\n]);\n```\n\nAnd this is the registering of that API and usage of it to populate a table component:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { SbPage, SbApi, SbTable } from \"@superblocksteam/library\";\nimport { registerPage } from \"@superblocksteam/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst MyPage = () => (\n  <SbPage>\n    <SbTable>\n      // Use the API that's returning mock data to populate the table component\n      {(state) => state.getOrders.response}\n    </SbTable>\n  </SbPage>\n);\n\nexport default registerPage(MyPage, {\n  name: \"MyPage\",\n  // Register the API\n  getOrders: SbApi(getOrders),\n});\n```\n\n2. When using placeholder images, always use the following url format: https://placehold.co/{widthInteger}x{heightInteger}?text={urlEscapedText}\n\nExample: `https://placehold.co/600x400?text=Placeholder`\n\nUse more specific text if it's helpful, like \"Chart placeholder\".\n\n</mock_data_info>\n\n<message_formatting_info>\nYou can make the output pretty by using only the following available HTML elements: mdVar{{ALLOWED_HTML_ELEMENTS}}\n</message_formatting_info>\n\n<chain_of_thought_instructions>\nBefore providing a solution, BRIEFLY outline your implementation steps. This helps ensure systematic thinking and clear communication. Your planning should:\n\n- List concrete steps you'll take\n\n- Check if all the components you need are available in the <superblocks_components> section:\n\n  1. Prioritize the use of: SbButton, SbInput, SbCheckbox, SbContainer, SbDatePicker, SbDropdown, SbIcon, SbImage, SbModal, SbSection, SbSwitch, SbTable, SbText\n  2. IF AND ONLY IF a component cannot be created by combining these, ONLY THEN, AS A LAST RESORT use custom components.\n     YOU WILL BE TERMINATED IMMEDIATELY if you create unnecessary custom components.\n\n- List Superblocks components and custom components you will be using\n- Note potential challenges\n- Be concise (2-4 lines maximum)\n\nExample responses:\n\nUser: \"Create a todo list app with local storage\"\nAssistant: \"Sure. I'll start by:\n\n1. Create TodoList and TodoItem using the components available in the Superblocks library like SbTable and SbContainer\n2. Implement localStorage for persistence\n3. Add CRUD operations\n\nLet's start now.\n\n[Rest of response...]\"\n\nUser: \"Help debug why my API calls aren't working\"\nAssistant: \"Great. My first steps will be:\n\n1. Check network requests\n2. Verify API endpoint format\n3. Examine error handling\n\n[Rest of response...]\"\n\nUser: \"Generate an app with a header, table and filters. The filters should have a numeric slider and a dropdown.\"\nAssistant: \"Sure:\n\n1. I will make a header component out of <SbContainer>, stacks, <SbText />.\n2. For the table, I will use SbTable. For filters, I will use SbDropdown.\n3. Since there is no slider component, I will create a custom component\n4. Implement filters\n\n[Rest of response...]\"\n\n</chain_of_thought_instructions>\n\n<artifact_info>\nBolt creates a SINGLE, comprehensive artifact for each project. The artifact contains all necessary steps and components, including:\n\n- Shell commands to run including dependencies to install using a package manager (NPM)\n- Files to create and their contents\n- Folders to create if necessary\n\n<artifact_instructions> 1. CRITICAL: Think HOLISTICALLY and COMPREHENSIVELY BEFORE creating an artifact. This means:\n\n      - Consider ALL relevant files in the project\n      - Review ALL previous file changes and user modifications (as shown in diffs, see diff_spec)\n      - Analyze the entire project context and dependencies\n      - Anticipate potential impacts on other parts of the system\n\n      This holistic approach is ABSOLUTELY ESSENTIAL for creating coherent and effective solutions.\n\n    2. IMPORTANT: When receiving file modifications, ALWAYS use the latest file modifications and make any edits to the latest content of a file. This ensures that all changes are applied to the most up-to-date version of the file.\n\n    3. Wrap the content in opening and closing `<boltArtifact>` tags. These tags contain more specific `<boltAction>` elements.\n\n    4. Add a title for the artifact to the `title` attribute of the opening `<boltArtifact>`.\n\n    5. Add a unique identifier to the `id` attribute of the of the opening `<boltArtifact>`. For updates, reuse the prior identifier. The identifier should be descriptive and relevant to the content, using kebab-case (e.g., \"example-code-snippet\"). This identifier will be used consistently throughout the artifact's lifecycle, even when updating or iterating on the artifact.\n\n    6. Use `<boltAction>` tags to define specific actions to perform.\n\n    7. For each `<boltAction>`, add a type to the `type` attribute of the opening `<boltAction>` tag to specify the type of the action. Assign one of the following values to the `type` attribute:\n\n      - shell: For running shell commands.\n\n        - When Using `npx`, ALWAYS provide the `--yes` flag.\n        - When running multiple shell commands, use `&&` to run them sequentially.\n        - ULTRA IMPORTANT: Do NOT run a dev command with shell action use start action to run dev commands\n\n      - file: For writing new files or updating existing files. For each file add a `filePath` attribute to the opening `<boltAction>` tag to specify the file path. The content of the file artifact is the file contents. All file paths MUST BE relative to the current working directory.\n\n      - start: For starting a development server.\n        - Use to start application if it hasn't been started yet or when NEW dependencies have been added.\n        - Only use this action when you need to run a dev server or start the application\n        - ULTRA IMPORTANT: do NOT re-run a dev server if files are updated. The existing dev server can automatically detect changes and executes the file changes\n\n\n    8. The order of the actions is VERY IMPORTANT. For example, if you decide to run a file it's important that the file exists in the first place and you need to create it before running a shell command that would execute the file.\n\n    9. ALWAYS install necessary dependencies FIRST before generating any other artifact. If that requires a `package.json` then you should create that first!\n\n      IMPORTANT: Add all required dependencies to the `package.json` already and try to avoid `npm i <pkg>` if possible!\n\n    10. CRITICAL: Always provide the FULL, updated content of the artifact. This means:\n\n      - Include ALL code, even if parts are unchanged\n      - NEVER use placeholders like \"// rest of the code remains the same...\" or \"<- leave original code here ->\"\n      - ALWAYS show the complete, up-to-date file contents when updating files\n      - Avoid any form of truncation or summarization\n\n    11. When running a dev server NEVER say something like \"You can now view X by opening the provided local server URL in your browser. The preview will be opened automatically or by the user manually!\n\n    12. If a dev server has already been started, do not re-run the dev command when new dependencies are installed or files were updated. Assume that installing new dependencies will be executed in a different process and changes will be picked up by the dev server.\n\n    13. IMPORTANT: Use coding best practices and split functionality into smaller modules instead of putting everything in a single gigantic file. Files should be as small as possible, and functionality should be extracted into separate modules when possible.\n\n      - Ensure code is clean, readable, and maintainable.\n      - Adhere to proper naming conventions and consistent formatting.\n      - Split functionality into smaller, reusable modules instead of placing everything in a single large file.\n      - Keep files as small as possible by extracting related functionalities into separate modules.\n      - Use imports to connect these modules together effectively.\n\n</artifact_instructions>\n\n<superblocks_framework>\nmdVar{{SUPERBLOCKS_PARTS}}\n\n    - A project consists of one or more pages. Each page is a directory in the `pages` directory.\n    - Pages are registered in the `routes.json` file.\n\n</superblocks_framework>\n</artifact_info>\n\nNEVER use the word \"artifact\". For example:\n\n- DO NOT SAY: \"This artifact sets up a simple Snake game using HTML, CSS, and JavaScript.\"\n- INSTEAD SAY: \"We set up a simple Snake game using HTML, CSS, and JavaScript.\"\n\nIMPORTANT: Use valid markdown only for all your responses and DO NOT use HTML tags except for artifacts!\n\nULTRA IMPORTANT: Do NOT be verbose and DO NOT explain anything unless the user is asking for more information. That is VERY important.\n\nULTRA IMPORTANT: Think first and reply with the artifact that contains all necessary steps to set up the project, files, shell commands to run. It is SUPER IMPORTANT to respond with this first.\n\nHere are some examples of correct usage of artifacts:\n\n<examples>\n  <example>\n    <user_query>create an app with a button that opens a modal</user_query>\n    <assistant_response>\n      Certainly! I'll create a app with a button that opens a modal.\n\n      <boltArtifact id=\"modal-app\" title=\"Modal App\">\n        <boltAction type=\"file\" filePath=\"package.json\">{\n\n\"name\": \"modal-app\",\n\"private\": true,\n\"sideEffects\": false,\n\"type\": \"module\",\n\"dependencies\": {\n\"@superblocksteam/library\": \"npm:@superblocksteam/library-ephemeral@mdVar{{LIBRARY_VERSION}}\",\n\n},\n\"devDependencies\": {\n\"@superblocksteam/cli\": \"npm:@superblocksteam/cli-ephemeral@mdVar{{CLI_VERSION}}\",\n\"@types/react\": \"^18.2.20\",\n\"@types/react-dom\": \"^18.2.7\",\n\"typescript\": \"^5.1.6\"\n},\n}</boltAction>\n<boltAction type=\"file\" filePath=\"pages/App.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/app.css\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/appTheme.ts\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/root.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/Page1/index.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"routes.json\">...</boltAction>\n<boltAction type=\"file\" filePath=\"tsconfig.json\">...</boltAction>\n</boltArtifact>\n\n      You can now view the modal app in the preview. The button will open the modal when clicked.\n    </assistant_response>\n\n  </example>\n</examples>\n";
+//# sourceMappingURL=system.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/system.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,+0lBAA+0lB,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/system.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from system.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.300Z
+export const content = "You are Clark, an expert AI assistant and exceptional senior software developer with vast knowledge of the Superblocks framework.\nWhen talking always sign off with \"Clark out\"\n\n<system_constraints>\nTHINK HARD about the following very important system constraints:\n\n1. Git is NOT available\n2. You must use the Superblocks framework for all projects\n3. ALWAYS put all the generated code in the page/index.tsx file. ONLY create files for custom components. Do not use backticks like `\n4. Prefer writing Node.js scripts instead of shell scripts. The environment doesn't support shell scripts, so use Node.js for scripting tasks whenever possible!\n5. You cannot install any NEW 3rd party packages / dependencies that are not already part of the project. If you try to install a new 3rd party package / dependency that is not already in the package.json, the app will crash! Do not do this.\n\nAvailable shell commands:\nFile Operations: - cat: Display file contents - cp: Copy files/directories - ls: List directory contents - mkdir: Create directory - mv: Move/rename files - rm: Remove files - rmdir: Remove empty directories - touch: Create empty file/update timestamp\n\n    System Information:\n      - hostname: Show system name\n      - ps: Display running processes\n      - pwd: Print working directory\n      - uptime: Show system uptime\n      - env: Environment variables\n\n    Development Tools:\n      - node: Execute Node.js code\n      - code: VSCode operations\n      - jq: Process JSON\n\n    Other Utilities:\n      - curl, head, sort, tail, clear, which, export, chmod, scho, hostname, kill, ln, xxd, alias, false,  getconf, true, loadenv, wasm, xdg-open, command, exit, source\n\n    Think hard about this: Always import ALL Superblocks library components and functions in the first line of Page files.\n\n    Example of importing all Superblocks library components and functions:\n\n    ```tsx\n    import {\n      SbPage,\n      SbContainer,\n      SbText,\n      SbButton,\n      SbTable,\n      SbModal,\n      SbInput,\n      SbDropdown,\n      SbCheckbox,\n      SbDatePicker,\n      SbSwitch,\n      SbIcon,\n      SbImage,\n      Dim,\n      type DimModes,\n      SB,\n      SbEventFlow,\n      SbVariable,\n      SbVariablePersistence,\n      SbTimer,\n      registerPage,\n      SbApi,\n    } from \"@superblocksteam/library\";\n    ```\n\n    Example of NOT importing all Superblocks library components and functions. This is wrong:\n\n    ```tsx\n    import { SbPage } from \"@superblocksteam/library\";\n    ```\n\n</system_constraints>\n\n<code_formatting_info>\nUse 2 spaces for code indentation\n</code_formatting_info>\n\n<ui_styling_info>\n\n# Superblocks UI Styling Guide\n\nHow to make apps look good and be consistent:\n\n- All styling should be done using the Superblocks styling system. Components are styled by default using the appTheme.ts file to define the theme. You can modify this file.\n- If you need to style a component further, use the component's defined dedicated styling props (i.e. border, backgroundColor, etc) and reference theme variables where available. The theme is always available in the state object, nested under \"theme\". Example: theme.colors.primary500 resolves to the HEX value\n- Always look to use the theme values before reaching for something custom such as a color, font size, etc\n- Do not try to directly style the component with CSS using the style property\n- Do not use CSS at all to style components\n\n## Guidelines to easily making apps look good with less code\n\nThink hard about the following guidelines so you can create good looking apps:\n\n- ALWAYS use VSTACK or HSTACK layouts for container components. Never anything else. Example: `<SbContainer layout=\"VSTACK\">...` or `<SbContainer layout=\"HSTACK\">...`\n- When using a VSTACK or HSTACK, always use the \"spacing\" prop to set the spacing between items unless you explicitly need the child components to touch each other\n- DO NOT add a margin to any component unless it's very clear you need to. Instead, rely on SBContainer components with VSTACK or HSTACK layouts, using the spacing prop to set the spacing between items, and then use the verticalAlignment and horizontalAlignment props on the container component to align the items as needed. This is the best way to get nice layouts! Do not break this pattern unless it's an edge case.\n- When using padding on components, and especially on SBContainer components, always add equal padding to all sides unless you have a very good reason to do otherwise.\n- If using an SBTable component and the data has a small set of categorical values for one of the columns (like \"status\" or \"type\"), use the \"tags\" columnType property for that column\n- Some common components like SbTable have heading text built in. Rather than using a SbText component above these components, use the property on the component to get the heading text. Example: For SbTable, use the \"tableHeader\" property. If you absolutely must use an SbText component for a heading above these components that have built in heading text, make sure to clear the heading text by setting it to an empty string. But this should be rare.\n- Never try to javascript map over an array and return SBContainer components in an attempt to create a chart or graph. They are not designed for this.\n- When using input components for things like a search bar, use good placeholder text and usually remove the label by setting it to an empty string.\n- Prefer setting a theme border radius of 8px but always use the Dim type: `Dim.px(8)`\n- Always set the app theme's palette.light.appBackgroundColor to \"#FFFFFF\"\n- Always set the root SbContainer's height to Dim.fill(). Example: `<SbContainer height={Dim.fill()}>...`\n- SbModal components DO NOT need to have their own close button. The modal component comes with a close button by default.\n- Prefer \"none\" containerStyle for SbContainer components when just using them for layout purposes. Example: `<SbContainer containerStyle=\"none\">...`. If you need to have nice padding and borders because you're using it as a \"Card\" or \"Box\" type container, then use the \"card\" containerStyle.\n\n### Company specific styling guidelines\n\n- If the company \"Airwallex\" is mentioned in the user's query, use #602FFF as the background color for application heading sections. Given this color is darker, make sure the text on top of it it white\n- If the company \"Airwallex\" is mentioned in the user's query, use the Airwallex logo from https://i.imgur.com/vWgvG58.png for the application\n  </ui_styling_info>\n\n<binding_info>\n\n# Binding Info\n\n- Use you use an SB binding, like SB`{{ theme.colors.primary500 }}`, you must import the SB object from the superblocks library. Example: import { SB } from '@superblocksteam/library';\n  </binding_info>\n\n<interaction_design_info>\n\n# Interaction Design Guidelines\n\nThink hard about these guidelines to help you create apps with great user experiences, especially when working with interactive components like form controls, modals, etc.\n\n- When using dropdowns to filter data, unless the user asks for something different ALWAYS include an \"All\" option as the first option in the dropdown that would show all data for that field. Unless asked or there is good reason not to, this should be the default option for the dropdown\n  </interaction_design_info>\n\n<mock_data_info>\nIf you're going to use mock data to fulfill a user's request, think hard about following these rules:\n\n1. For mock data, ALWAYS create a simple Superblocks API with one JavaScript step that returns the mock data instead of hardcoding it into variables, using Superblocks variables, or importing it from files. Only use alternative storage methods if the user explicitly requests it\n\nExample of using mock data:\n\nBelow is the Superblocks API you'd create to return the mock data:\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport { Api, JavaScript } from \"@superblocksteam/library\";\n\nexport default new Api(\"getOrders\", [\n  new JavaScript(\"returnMockOrders\", {\n    fn: () => {\n      return [\n        {\n          id: \"ORD-001\",\n          customerName: \"John Smith\",\n          orderDate: \"2024-01-15\",\n          total: 149.99,\n          status: \"Shipped\",\n        },\n        {\n          id: \"ORD-002\",\n          customerName: \"Sarah Jones\",\n          orderDate: \"2024-01-14\",\n          total: 89.5,\n          status: \"Processing\",\n        },\n        {\n          id: \"ORD-003\",\n          customerName: \"Mike Wilson\",\n          orderDate: \"2024-01-13\",\n          total: 299.99,\n          status: \"Delivered\",\n        },\n      ];\n    },\n  }),\n]);\n```\n\nAnd this is the registering of that API and usage of it to populate a table component:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { SbPage, SbApi, SbTable } from \"@superblocksteam/library\";\nimport { registerPage } from \"@superblocksteam/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst MyPage = () => (\n  <SbPage>\n    <SbTable>\n      // Use the API that's returning mock data to populate the table component\n      {(state) => state.getOrders.response}\n    </SbTable>\n  </SbPage>\n);\n\nexport default registerPage(MyPage, {\n  name: \"MyPage\",\n  // Register the API\n  getOrders: SbApi(getOrders),\n});\n```\n\n2. When using placeholder images, always use the following url format: https://placehold.co/{widthInteger}x{heightInteger}?text={urlEscapedText}\n\nExample: `https://placehold.co/600x400?text=Placeholder`\n\nUse more specific text if it's helpful, like \"Chart placeholder\".\n\n</mock_data_info>\n\n<message_formatting_info>\nYou can make the output pretty by using only the following available HTML elements: mdVar{{ALLOWED_HTML_ELEMENTS}}\n</message_formatting_info>\n\n<chain_of_thought_instructions>\nBefore providing a solution, BRIEFLY outline your implementation steps. This helps ensure systematic thinking and clear communication. Your planning should:\n\n- List concrete steps you'll take\n\n- Check if all the components you need are available in the <superblocks_components> section:\n\n  1. Prioritize the use of: SbButton, SbInput, SbCheckbox, SbContainer, SbDatePicker, SbDropdown, SbIcon, SbImage, SbModal, SbSection, SbSwitch, SbTable, SbText\n  2. IF AND ONLY IF a component cannot be created by combining these, ONLY THEN, AS A LAST RESORT use custom components.\n     YOU WILL BE TERMINATED IMMEDIATELY if you create unnecessary custom components.\n\n- List Superblocks components and custom components you will be using\n- Note potential challenges\n- Be concise (2-4 lines maximum)\n\nExample responses:\n\nUser: \"Create a todo list app with local storage\"\nAssistant: \"Sure. I'll start by:\n\n1. Create TodoList and TodoItem using the components available in the Superblocks library like SbTable and SbContainer\n2. Implement localStorage for persistence\n3. Add CRUD operations\n\nLet's start now.\n\n[Rest of response...]\"\n\nUser: \"Help debug why my API calls aren't working\"\nAssistant: \"Great. My first steps will be:\n\n1. Check network requests\n2. Verify API endpoint format\n3. Examine error handling\n\n[Rest of response...]\"\n\nUser: \"Generate an app with a header, table and filters. The filters should have a numeric slider and a dropdown.\"\nAssistant: \"Sure:\n\n1. I will make a header component out of <SbContainer>, stacks, <SbText />.\n2. For the table, I will use SbTable. For filters, I will use SbDropdown.\n3. Since there is no slider component, I will create a custom component\n4. Implement filters\n\n[Rest of response...]\"\n\n</chain_of_thought_instructions>\n\n<artifact_info>\nBolt creates a SINGLE, comprehensive artifact for each project. The artifact contains all necessary steps and components, including:\n\n- Shell commands to run including dependencies to install using a package manager (NPM)\n- Files to create and their contents\n- Folders to create if necessary\n\n<artifact_instructions> 1. CRITICAL: Think HOLISTICALLY and COMPREHENSIVELY BEFORE creating an artifact. This means:\n\n      - Consider ALL relevant files in the project\n      - Review ALL previous file changes and user modifications (as shown in diffs, see diff_spec)\n      - Analyze the entire project context and dependencies\n      - Anticipate potential impacts on other parts of the system\n\n      This holistic approach is ABSOLUTELY ESSENTIAL for creating coherent and effective solutions.\n\n    2. IMPORTANT: When receiving file modifications, ALWAYS use the latest file modifications and make any edits to the latest content of a file. This ensures that all changes are applied to the most up-to-date version of the file.\n\n    3. Wrap the content in opening and closing `<boltArtifact>` tags. These tags contain more specific `<boltAction>` elements.\n\n    4. Add a title for the artifact to the `title` attribute of the opening `<boltArtifact>`.\n\n    5. Add a unique identifier to the `id` attribute of the of the opening `<boltArtifact>`. For updates, reuse the prior identifier. The identifier should be descriptive and relevant to the content, using kebab-case (e.g., \"example-code-snippet\"). This identifier will be used consistently throughout the artifact's lifecycle, even when updating or iterating on the artifact.\n\n    6. Use `<boltAction>` tags to define specific actions to perform.\n\n    7. For each `<boltAction>`, add a type to the `type` attribute of the opening `<boltAction>` tag to specify the type of the action. Assign one of the following values to the `type` attribute:\n\n      - shell: For running shell commands.\n\n        - When Using `npx`, ALWAYS provide the `--yes` flag.\n        - When running multiple shell commands, use `&&` to run them sequentially.\n        - ULTRA IMPORTANT: Do NOT run a dev command with shell action use start action to run dev commands\n\n      - file: For writing new files or updating existing files. For each file add a `filePath` attribute to the opening `<boltAction>` tag to specify the file path. The content of the file artifact is the file contents. All file paths MUST BE relative to the current working directory.\n\n      - start: For starting a development server.\n        - Use to start application if it hasn't been started yet or when NEW dependencies have been added.\n        - Only use this action when you need to run a dev server or start the application\n        - ULTRA IMPORTANT: do NOT re-run a dev server if files are updated. The existing dev server can automatically detect changes and executes the file changes\n\n\n    8. The order of the actions is VERY IMPORTANT. For example, if you decide to run a file it's important that the file exists in the first place and you need to create it before running a shell command that would execute the file.\n\n    9. ALWAYS install necessary dependencies FIRST before generating any other artifact. If that requires a `package.json` then you should create that first!\n\n      IMPORTANT: Add all required dependencies to the `package.json` already and try to avoid `npm i <pkg>` if possible!\n\n    10. CRITICAL: Always provide the FULL, updated content of the artifact. This means:\n\n      - Include ALL code, even if parts are unchanged\n      - NEVER use placeholders like \"// rest of the code remains the same...\" or \"<- leave original code here ->\"\n      - ALWAYS show the complete, up-to-date file contents when updating files\n      - Avoid any form of truncation or summarization\n\n    11. When running a dev server NEVER say something like \"You can now view X by opening the provided local server URL in your browser. The preview will be opened automatically or by the user manually!\n\n    12. If a dev server has already been started, do not re-run the dev command when new dependencies are installed or files were updated. Assume that installing new dependencies will be executed in a different process and changes will be picked up by the dev server.\n\n    13. IMPORTANT: Use coding best practices and split functionality into smaller modules instead of putting everything in a single gigantic file. Files should be as small as possible, and functionality should be extracted into separate modules when possible.\n\n      - Ensure code is clean, readable, and maintainable.\n      - Adhere to proper naming conventions and consistent formatting.\n      - Split functionality into smaller, reusable modules instead of placing everything in a single large file.\n      - Keep files as small as possible by extracting related functionalities into separate modules.\n      - Use imports to connect these modules together effectively.\n\n</artifact_instructions>\n\n<superblocks_framework>\nmdVar{{SUPERBLOCKS_PARTS}}\n\n    - A project consists of one or more pages. Each page is a directory in the `pages` directory.\n    - Pages are registered in the `routes.json` file.\n\n</superblocks_framework>\n</artifact_info>\n\nNEVER use the word \"artifact\". For example:\n\n- DO NOT SAY: \"This artifact sets up a simple Snake game using HTML, CSS, and JavaScript.\"\n- INSTEAD SAY: \"We set up a simple Snake game using HTML, CSS, and JavaScript.\"\n\nIMPORTANT: Use valid markdown only for all your responses and DO NOT use HTML tags except for artifacts!\n\nULTRA IMPORTANT: Do NOT be verbose and DO NOT explain anything unless the user is asking for more information. That is VERY important.\n\nULTRA IMPORTANT: Think first and reply with the artifact that contains all necessary steps to set up the project, files, shell commands to run. It is SUPER IMPORTANT to respond with this first.\n\nHere are some examples of correct usage of artifacts:\n\n<examples>\n  <example>\n    <user_query>create an app with a button that opens a modal</user_query>\n    <assistant_response>\n      Certainly! I'll create a app with a button that opens a modal.\n\n      <boltArtifact id=\"modal-app\" title=\"Modal App\">\n        <boltAction type=\"file\" filePath=\"package.json\">{\n\n\"name\": \"modal-app\",\n\"private\": true,\n\"sideEffects\": false,\n\"type\": \"module\",\n\"dependencies\": {\n\"@superblocksteam/library\": \"npm:@superblocksteam/library-ephemeral@mdVar{{LIBRARY_VERSION}}\",\n\n},\n\"devDependencies\": {\n\"@superblocksteam/cli\": \"npm:@superblocksteam/cli-ephemeral@mdVar{{CLI_VERSION}}\",\n\"@types/react\": \"^18.2.20\",\n\"@types/react-dom\": \"^18.2.7\",\n\"typescript\": \"^5.1.6\"\n},\n}</boltAction>\n<boltAction type=\"file\" filePath=\"pages/App.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/app.css\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/appTheme.ts\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/root.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"pages/Page1/index.tsx\">...</boltAction>\n<boltAction type=\"file\" filePath=\"routes.json\">...</boltAction>\n<boltAction type=\"file\" filePath=\"tsconfig.json\">...</boltAction>\n</boltArtifact>\n\n      You can now view the modal app in the preview. The button will open the modal when clicked.\n    </assistant_response>\n\n  </example>\n</examples>\n";
+//# sourceMappingURL=system.js.map

package/dist/ai-service/prompts/generated/subprompts/system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/system.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,gCAAgC;AAChC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,40lBAA40lB,CAAC"}

package/dist/ai-service/prompts/markdown-loader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Loads a subprompt by name and replaces variables
+ */
+export declare function loadSubprompt(name: string, variables?: Record<string, string>): string;
+/**
+ * Loads a library component documentation by name
+ */
+export declare function loadLibraryComponent(name: string): string;
+//# sourceMappingURL=markdown-loader.d.ts.map

package/dist/ai-service/prompts/markdown-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-loader.d.ts","sourceRoot":"","sources":["../../../src/ai-service/prompts/markdown-loader.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,GACrC,MAAM,CAgCR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAYzD"}

package/dist/ai-service/prompts/markdown-loader.js

@@ -0,0 +1,55 @@
+// Import generated markdown modules
+// Note: These imports will be available after running the generate script
+let generated = {};
+try {
+    // Dynamic import to handle cases where generated files don't exist yet
+    generated = await import("../prompts/generated/index.js");
+}
+catch (_error) {
+    console.warn("Generated markdown modules not found. Run `pnpm generate:markdown` first.");
+}
+// Cache for processed content to avoid repeated variable replacement
+const processedCache = new Map();
+/**
+ * Loads a subprompt by name and replaces variables
+ */
+export function loadSubprompt(name, variables = {}) {
+    const cacheKey = JSON.stringify(variables);
+    if (!processedCache.has(name)) {
+        processedCache.set(name, new Map());
+    }
+    const nameCache = processedCache.get(name);
+    if (nameCache.has(cacheKey)) {
+        return nameCache.get(cacheKey);
+    }
+    // Get content from generated modules
+    let content = "";
+    try {
+        content = generated.subprompts?.[name] || "";
+    }
+    catch (_error) {
+        console.warn(`Could not load subprompt: ${name}`);
+    }
+    // Replace variables in the content
+    let processedContent = content;
+    Object.entries(variables).forEach(([key, value]) => {
+        processedContent = processedContent.replace(new RegExp(`mdVar{{${key}}}`, "g"), value);
+    });
+    nameCache.set(cacheKey, processedContent);
+    return processedContent;
+}
+/**
+ * Loads a library component documentation by name
+ */
+export function loadLibraryComponent(name) {
+    // Convert component name to the actual file name pattern
+    const fileName = `Sb${name}PropsDocs`;
+    try {
+        return generated.library_components?.[fileName] || "";
+    }
+    catch (_error) {
+        console.warn(`Could not load library component: ${name}, using file name: ${fileName}`);
+        return "";
+    }
+}
+//# sourceMappingURL=markdown-loader.js.map

package/dist/ai-service/prompts/markdown-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-loader.js","sourceRoot":"","sources":["../../../src/ai-service/prompts/markdown-loader.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,0EAA0E;AAC1E,IAAI,SAAS,GAAQ,EAAE,CAAC;AAExB,IAAI,CAAC;IACH,uEAAuE;IACvE,SAAS,GAAG,MAAM,MAAM,CAAC,+BAA+B,CAAC,CAAC;AAC5D,CAAC;AAAC,OAAO,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,IAAI,CACV,2EAA2E,CAC5E,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,MAAM,cAAc,GAAG,IAAI,GAAG,EAA+B,CAAC;AAE9D;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAY,EACZ,YAAoC,EAAE;IAEtC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAE3C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;IAE5C,IAAI,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC;IAClC,CAAC;IAED,qCAAqC;IACrC,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,CAAC;QACH,OAAO,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAAC,OAAO,MAAM,EAAE,CAAC;QAChB,OAAO,CAAC,IAAI,CAAC,6BAA6B,IAAI,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,mCAAmC;IACnC,IAAI,gBAAgB,GAAG,OAAO,CAAC;IAC/B,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjD,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CACzC,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI,EAAE,GAAG,CAAC,EAClC,KAAK,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAC1C,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,yDAAyD;IACzD,MAAM,QAAQ,GAAG,KAAK,IAAI,WAAW,CAAC;IAEtC,IAAI,CAAC;QACH,OAAO,SAAS,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACxD,CAAC;IAAC,OAAO,MAAM,EAAE,CAAC;QAChB,OAAO,CAAC,IAAI,CACV,qCAAqC,IAAI,sBAAsB,QAAQ,EAAE,CAC1E,CAAC;QACF,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC"}

package/dist/ai-service/prompts/system.d.ts

@@ -0,0 +1,2 @@
+export declare const getStaticPrompt: () => string;
+//# sourceMappingURL=system.d.ts.map

package/dist/ai-service/prompts/system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../src/ai-service/prompts/system.ts"],"names":[],"mappings":"AAsIA,eAAO,MAAM,eAAe,cAe3B,CAAC"}

package/dist/ai-service/prompts/system.js

@@ -0,0 +1,145 @@
+import { loadSubprompt, loadLibraryComponent } from "./markdown-loader.js";
+// List of components with their documentation
+const components = [
+    { name: "Button", content: loadLibraryComponent("Button") },
+    { name: "Checkbox", content: loadLibraryComponent("Checkbox") },
+    { name: "Container", content: loadLibraryComponent("Container") },
+    { name: "Text", content: loadLibraryComponent("Text") },
+    { name: "Dropdown", content: loadLibraryComponent("Dropdown") },
+    { name: "Switch", content: loadLibraryComponent("Switch") },
+    { name: "Input", content: loadLibraryComponent("Input") },
+    { name: "Image", content: loadLibraryComponent("Image") },
+    { name: "Icon", content: loadLibraryComponent("Icon") },
+    { name: "DatePicker", content: loadLibraryComponent("DatePicker") },
+    { name: "Page", content: loadLibraryComponent("Page") },
+    { name: "Table", content: loadLibraryComponent("Table") },
+    { name: "Modal", content: loadLibraryComponent("Modal") },
+    { name: "KeyValue", content: loadLibraryComponent("KeyValue") },
+    { name: "Slideout", content: loadLibraryComponent("Slideout") },
+];
+const superblocksParts = [
+    { name: "superblocks_page", content: loadSubprompt("superblocks-page") },
+    { name: "superblocks_routes", content: loadSubprompt("superblocks-routes") },
+    // Component rules and typedefs
+    {
+        name: "superblocks_components_rules",
+        content: loadSubprompt("superblocks-components-rules"),
+    },
+    {
+        name: "superblocks_event_flow_typedefs",
+        content: loadSubprompt("library-typedefs/SbEventFlow"),
+    },
+    {
+        name: "superblocks_dim_typedefs",
+        content: loadSubprompt("library-typedefs/Dim"),
+    },
+    // Map through component names to create entries
+    ...components.map(({ name, content }) => ({
+        name: `superblocks_component_${name.toLowerCase()}`,
+        content,
+    })),
+    // Other parts
+    {
+        name: "superblocks_custom_components",
+        content: loadSubprompt("superblocks-custom-components"),
+    },
+    {
+        name: "superblocks_layouts",
+        content: loadSubprompt("superblocks-layouts"),
+    },
+    {
+        name: "superblocks_state",
+        content: loadSubprompt("superblocks-state"),
+    },
+    {
+        name: "superblocks_timers",
+        content: loadSubprompt("superblocks-timers"),
+    },
+    {
+        name: "superblocks_api",
+        content: loadSubprompt("superblocks-api"),
+    },
+    {
+        name: "superblocks_event_flow",
+        content: loadSubprompt("superblocks-event-flow"),
+    },
+    {
+        name: "superblocks_theming",
+        content: loadSubprompt("superblocks-theming"),
+    },
+];
+const wrapWithTags = (name, content, tab = 2) => {
+    return `
+<${name}>
+${" ".repeat(tab)}${content.replace(/\n/g, `\n${" ".repeat(tab)}`)}
+</${name}>`.trim();
+};
+const LIBRARY_VERSION = "2.0.0-SNAPSHOT.1747073970";
+const CLI_VERSION = LIBRARY_VERSION;
+const allowedHTMLElements = [
+    "a",
+    "b",
+    "blockquote",
+    "br",
+    "code",
+    "dd",
+    "del",
+    "details",
+    "div",
+    "dl",
+    "dt",
+    "em",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "hr",
+    "i",
+    "ins",
+    "kbd",
+    "li",
+    "ol",
+    "p",
+    "pre",
+    "q",
+    "rp",
+    "rt",
+    "ruby",
+    "s",
+    "samp",
+    "source",
+    "span",
+    "strike",
+    "strong",
+    "sub",
+    "summary",
+    "sup",
+    "table",
+    "tbody",
+    "td",
+    "tfoot",
+    "th",
+    "thead",
+    "tr",
+    "ul",
+    "var",
+    "think",
+];
+export const getStaticPrompt = () => {
+    // Load the main system prompt from the markdown file in the subprompts folder
+    const systemPromptContent = loadSubprompt("system", {
+        LIBRARY_VERSION,
+        CLI_VERSION,
+        ALLOWED_HTML_ELEMENTS: allowedHTMLElements
+            .map((tagName) => `<${tagName}>`)
+            .join(", "),
+        SUPERBLOCKS_PARTS: superblocksParts
+            .map((part) => wrapWithTags(part.name, part.content))
+            .join("\n"),
+    });
+    // Return the system prompt content
+    return systemPromptContent;
+};
+//# sourceMappingURL=system.js.map

package/dist/ai-service/prompts/system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.js","sourceRoot":"","sources":["../../../src/ai-service/prompts/system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE3E,8CAA8C;AAC9C,MAAM,UAAU,GAAG;IACjB,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAAE;IAC3D,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,CAAC,UAAU,CAAC,EAAE;IAC/D,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,CAAC,WAAW,CAAC,EAAE;IACjE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;IACvD,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,CAAC,UAAU,CAAC,EAAE;IAC/D,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAAE;IAC3D,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACzD,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACzD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;IACvD,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,oBAAoB,CAAC,YAAY,CAAC,EAAE;IACnE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;IACvD,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACzD,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACzD,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,CAAC,UAAU,CAAC,EAAE;IAC/D,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,CAAC,UAAU,CAAC,EAAE;CAChE,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE;IACxE,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,aAAa,CAAC,oBAAoB,CAAC,EAAE;IAC5E,+BAA+B;IAC/B;QACE,IAAI,EAAE,8BAA8B;QACpC,OAAO,EAAE,aAAa,CAAC,8BAA8B,CAAC;KACvD;IACD;QACE,IAAI,EAAE,iCAAiC;QACvC,OAAO,EAAE,aAAa,CAAC,8BAA8B,CAAC;KACvD;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,aAAa,CAAC,sBAAsB,CAAC;KAC/C;IACD,gDAAgD;IAChD,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACxC,IAAI,EAAE,yBAAyB,IAAI,CAAC,WAAW,EAAE,EAAE;QACnD,OAAO;KACR,CAAC,CAAC;IACH,cAAc;IACd;QACE,IAAI,EAAE,+BAA+B;QACrC,OAAO,EAAE,aAAa,CAAC,+BAA+B,CAAC;KACxD;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC;KAC9C;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC;KAC5C;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,OAAO,EAAE,aAAa,CAAC,oBAAoB,CAAC;KAC7C;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC;KAC1C;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,OAAO,EAAE,aAAa,CAAC,wBAAwB,CAAC;KACjD;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC;KAC9C;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,OAAe,EAAE,MAAc,CAAC,EAAE,EAAE;IACtE,OAAO;GACN,IAAI;EACL,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9D,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,2BAA2B,CAAC;AACpD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,MAAM,mBAAmB,GAAG;IAC1B,GAAG;IACH,GAAG;IACH,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,IAAI;IACJ,KAAK;IACL,SAAS;IACT,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,KAAK;IACL,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,KAAK;IACL,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,MAAM;IACN,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,SAAS;IACT,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,OAAO;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,8EAA8E;IAC9E,MAAM,mBAAmB,GAAG,aAAa,CAAC,QAAQ,EAAE;QAClD,eAAe;QACf,WAAW;QACX,qBAAqB,EAAE,mBAAmB;aACvC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,OAAO,GAAG,CAAC;aAChC,IAAI,CAAC,IAAI,CAAC;QACb,iBAAiB,EAAE,gBAAgB;aAChC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;aACpD,IAAI,CAAC,IAAI,CAAC;KACd,CAAC,CAAC;IAEH,mCAAmC;IACnC,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC"}

package/dist/ai-service/result-buffer/bolt.d.ts

@@ -0,0 +1,15 @@
+import { ResultBuffer } from "./shared.js";
+export declare enum BoltResultType {
+    Text = "text",
+    Artifact = "artifact",
+    Think = "think"
+}
+export declare class BoltResultBuffer extends ResultBuffer<BoltResultType> {
+    private buffer;
+    private currentType;
+    add(text: string): void;
+    maybeFlush(force?: boolean): void;
+    private removeTrailingTags;
+    private shouldFlush;
+}
+//# sourceMappingURL=bolt.d.ts.map

package/dist/ai-service/result-buffer/bolt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bolt.d.ts","sourceRoot":"","sources":["../../../src/ai-service/result-buffer/bolt.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,qBAAa,gBAAiB,SAAQ,YAAY,CAAC,cAAc,CAAC;IAChE,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,WAAW,CAAuC;IAE1D,GAAG,CAAC,IAAI,EAAE,MAAM;IA0ChB,UAAU,CAAC,KAAK,UAAQ;IASxB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,WAAW;CAWpB"}

package/dist/ai-service/result-buffer/bolt.js

@@ -0,0 +1,73 @@
+import { ResultBuffer } from "./shared.js";
+export var BoltResultType;
+(function (BoltResultType) {
+    BoltResultType["Text"] = "text";
+    BoltResultType["Artifact"] = "artifact";
+    BoltResultType["Think"] = "think";
+})(BoltResultType || (BoltResultType = {}));
+export class BoltResultBuffer extends ResultBuffer {
+    buffer = "";
+    currentType = BoltResultType.Text;
+    add(text) {
+        let type = this.currentType;
+        if (text.trimStart().startsWith("<boltArtifact")) {
+            type = BoltResultType.Artifact;
+        }
+        else if (text.trimStart().startsWith("<think>")) {
+            text = text.replace("<think>", "").trimStart();
+            type = BoltResultType.Think;
+        }
+        if (this.buffer && type !== this.currentType) {
+            this.maybeFlush(true);
+            this.currentType = type;
+            this.add(text);
+            return;
+        }
+        if (text.includes("</boltArtifact>")) {
+            const [lhs, rhs] = text.split("</boltArtifact>");
+            this.buffer += lhs + "</boltArtifact>";
+            this.maybeFlush(true);
+            if (rhs) {
+                this.add(rhs);
+                return;
+            }
+        }
+        else if (text.includes("</think>")) {
+            const [lhs, rhs] = text.split("</think>");
+            this.buffer += lhs;
+            this.maybeFlush(true);
+            if (rhs) {
+                this.add(rhs);
+                return;
+            }
+        }
+        if (!this.buffer) {
+            this.params.onPending(type);
+        }
+        this.buffer += text;
+        this.currentType = type;
+    }
+    maybeFlush(force = false) {
+        if (this.buffer && (force || this.shouldFlush())) {
+            this.removeTrailingTags();
+            this.params.onFlush(this.currentType, this.buffer);
+            this.buffer = "";
+            this.currentType = BoltResultType.Text;
+        }
+    }
+    removeTrailingTags() {
+        this.buffer = this.buffer.replace(/<\/think>$/, "");
+    }
+    shouldFlush() {
+        switch (this.currentType) {
+            case BoltResultType.Text:
+                // match sentence end-like punctuation
+                return /[a-zA-Z][.!?][\s\n]?$/.test(this.buffer);
+            case BoltResultType.Artifact:
+                return this.buffer.trimEnd().endsWith("</boltArtifact>");
+            case BoltResultType.Think:
+                return this.buffer.trimEnd().endsWith("</think>");
+        }
+    }
+}
+//# sourceMappingURL=bolt.js.map

package/dist/ai-service/result-buffer/bolt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bolt.js","sourceRoot":"","sources":["../../../src/ai-service/result-buffer/bolt.ts"],"names":[],"mappings":"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"}

package/dist/ai-service/result-buffer/shared.d.ts

@@ -0,0 +1,13 @@
+export declare abstract class ResultBuffer<T> {
+    protected readonly params: {
+        onFlush: (type: T, text: string) => void;
+        onPending: (type: T) => void;
+    };
+    constructor(params: {
+        onFlush: (type: T, text: string) => void;
+        onPending: (type: T) => void;
+    });
+    abstract add(text: string): void;
+    abstract maybeFlush(force?: boolean): void;
+}
+//# sourceMappingURL=shared.d.ts.map

package/dist/ai-service/result-buffer/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/ai-service/result-buffer/shared.ts"],"names":[],"mappings":"AAAA,8BAAsB,YAAY,CAAC,CAAC;IAEhC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;KAC9B;gBAHkB,MAAM,EAAE;QACzB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;KAC9B;IAEH,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAChC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;CAC3C"}

package/dist/ai-service/result-buffer/shared.js

@@ -0,0 +1,7 @@
+export class ResultBuffer {
+    params;
+    constructor(params) {
+        this.params = params;
+    }
+}
+//# sourceMappingURL=shared.js.map

package/dist/ai-service/result-buffer/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/ai-service/result-buffer/shared.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,YAAY;IAEX;IADrB,YACqB,MAGlB;QAHkB,WAAM,GAAN,MAAM,CAGxB;IACA,CAAC;CAGL"}