@salsita-ai/sdk 0.50.0-develop.c28cfb7ded → 0.50.0-develop.c4848d224b

package/dist/ui-sdk/responsive-application/responsive-state-store.d.ts

@@ -0,0 +1,57 @@
+import type { BehaviorSubject, Observable } from 'rxjs';
+import type { CanvasPadding } from './ResponsiveProvider.js';
+/**
+ * The responsive state a `ResponsiveStateStore` holds.
+ *
+ * @internal Runtime plumbing behind the `store` prop of `ResponsiveApplicationProvider`, for the
+ * SDK's own configurator.
+ */
+export interface ResponsiveStateSnapshot {
+    readonly isPhone: boolean;
+    readonly isMobile: boolean;
+    readonly isTablet: boolean;
+    readonly isDesktop: boolean;
+    readonly isLandscape: boolean;
+    readonly isPortrait: boolean;
+    readonly canvasPadding: CanvasPadding;
+    readonly isExpanded: boolean;
+    readonly isHidden: boolean;
+    readonly isAnimating: boolean;
+}
+/**
+ * Responsive state owned outside the UI, which `ResponsiveApplicationProvider` measures its root
+ * container into and provides to `useResponsive()`. A mounted Phoenix application passes the
+ * `ResponsiveStateManager` of `@salsita-ai/sdk/react`, so its lifecycle reads the same state
+ * without the UI.
+ *
+ * Declared here by shape rather than imported, because `ui-sdk` depends on no other SDK package.
+ *
+ * @internal Runtime plumbing for the SDK's own configurator; a project mounting
+ * `ResponsiveApplicationProvider` leaves `store` out.
+ */
+export interface ResponsiveStateStore {
+    readonly state$: Observable<ResponsiveStateSnapshot>;
+    readonly viewport$: BehaviorSubject<{
+        width: number;
+        height: number;
+    }>;
+    readonly getState: () => ResponsiveStateSnapshot;
+    readonly setViewport: (viewport: {
+        readonly width: number;
+        readonly height: number;
+        readonly isLandscape: boolean;
+        readonly isPortrait: boolean;
+    }) => void;
+    readonly setBreakpoints: (breakpoints: {
+        readonly sm: number;
+        readonly md: number;
+        readonly lg: number;
+    }) => void;
+    readonly getCanvasPadding: () => CanvasPadding;
+    readonly setCanvasPadding: (padding: CanvasPadding) => void;
+    readonly expand: () => void;
+    readonly collapse: () => void;
+    readonly hide: () => void;
+    readonly show: () => void;
+    readonly setAnimating: (value: boolean) => void;
+}

package/dist/ui-sdk/responsive-application/responsive-state-store.js

@@ -0,0 +1 @@
+export{};

package/dist/ui-sdk/responsive-application/use-store-responsive-info.d.ts

@@ -0,0 +1,7 @@
+import type { useResponsiveInfo } from './ResponsiveProvider.js';
+import type { ResponsiveStateStore } from './responsive-state-store.js';
+/**
+ * `useResponsiveInfo` over a store owned outside the UI: measures the container into the store,
+ * pushes the theme's breakpoints into it, and reads every value back from it.
+ */
+export declare const useStoreResponsiveInfo: (elementRef: React.MutableRefObject<HTMLElement | null>, store: ResponsiveStateStore) => ReturnType<typeof useResponsiveInfo>;

package/dist/ui-sdk/responsive-application/use-store-responsive-info.js

@@ -0,0 +1 @@
+import{useTheme as e}from"@mui/material";import{useCallback as t,useLayoutEffect as i,useMemo as a,useSyncExternalStore as s}from"react";import{isMobileOnly as n}from"react-device-detect";import{useResizeObserver as o}from"usehooks-ts";export const useStoreResponsiveInfo=(r,c)=>{let{sm:d,md:p,lg:l}=e().breakpoints.values,u=s(t(e=>{let t=c.state$.subscribe(e);return()=>{t.unsubscribe()}},[c]),c.getState);i(()=>{c.setBreakpoints({sm:d,md:p,lg:l})},[c,d,p,l]);let m=t(e=>{let{width:t,height:i}=e.getBoundingClientRect();c.setViewport({width:t,height:i,isLandscape:window.matchMedia("(orientation: landscape)").matches,isPortrait:window.matchMedia("(orientation: portrait)").matches})},[c]),b=t(e=>{c.setCanvasPadding("function"==typeof e?e(c.getCanvasPadding()):e)},[c]),g=t(()=>{r.current&&m(r.current)},[r,m]);return o({ref:r,onResize:()=>{null!=r.current&&m(r.current)}}),i(()=>{null!=r.current&&m(r.current)},[r,m]),a(()=>({...u,expand:c.expand,collapse:c.collapse,hide:c.hide,show:c.show,isMobileAndMobileLandscape:u.isMobile||u.isLandscape&&u.isTablet&&n,isDesktopExceptMobileLandscape:u.isDesktop&&!(u.isLandscape&&u.isTablet&&n),viewport$:c.viewport$,getCanvasPadding:c.getCanvasPadding,setCanvasPadding:b,update:g,setAnimating:c.setAnimating}),[u,c,b,g])};

package/dist/ui-sdk/theme/types.d.ts

@@ -44,7 +44,7 @@ declare module '@mui/material/styles' {
         PhxChat: 'root';
         PhxChatFooter: 'root' | 'formLayout' | 'input';
         PhxChatMessage: 'base' | 'assistant' | 'user' | 'widget' | 'error' | 'helper';
-        PhxAssistantPanel: 'root' | 'header' | 'title' | 'closeButton' | 'thread' | 'greeting' | 'messages' | 'userMessage' | 'assistantMessage' | 'entityLink' | 'chips' | 'activity' | 'activityIcon' | 'chip' | 'undoButton' | 'status' | 'separator' | 'earlierButton' | 'notice' | 'newReplyButton' | 'composer' | 'inputFrame' | 'input' | 'sendButton' | 'stopButton' | 'hint';
+        PhxAssistantPanel: 'root' | 'header' | 'title' | 'closeButton' | 'thread' | 'greeting' | 'messages' | 'userMessage' | 'assistantMessage' | 'entityLink' | 'referenceLink' | 'referenceDetails' | 'image' | 'form' | 'formGroup' | 'formGroupLabel' | 'formOptions' | 'formOptionsLabel' | 'formOptionsRow' | 'formReply' | 'formText' | 'formTextInput' | 'formSubmit' | 'formNote' | 'chips' | 'activity' | 'activityIcon' | 'chip' | 'undoButton' | 'status' | 'separator' | 'earlierButton' | 'notice' | 'newReplyButton' | 'composer' | 'inputFrame' | 'input' | 'sendButton' | 'stopButton' | 'hint';
         PhxTopNavigation: 'root' | 'stepper' | 'step';
         PhxListSelector: 'root';
         PhxListSelectorItem: 'root' | 'radio' | 'title' | 'description' | 'formControlLabel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salsita-ai/sdk",
-  "version": "0.50.0-develop.c28cfb7ded",
+  "version": "0.50.0-develop.c4848d224b",
   "description": "TypeScript SDK and CLI for building, running, and deploying Phoenix configurator applications.",
   "keywords": [
     "salsita",
@@ -13,6 +13,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=22.13"
+  },
   "type": "module",
   "imports": {
     "#package/admin": {
@@ -196,7 +199,7 @@
     "domain-cli": "dist/legacy/domain-cli/cli.js",
     "embedding-cli": "dist/legacy/embedding-cli/cli.js",
     "webhook-cli": "dist/legacy/webhook-cli/cli.js",
-    "phoenix": "dist/phoenix/cli.js"
+    "phoenix": "dist/phoenix/bin.js"
   },
   "files": [
     "dist",
@@ -212,8 +215,11 @@
     "@emotion/cache": "11.11.0",
     "@fontsource-variable/roboto": "5.2.5",
     "@gltf-transform/core": "4.3.0",
-    "@gltf-transform/functions": "4.3.0",
+    "@lingui/babel-plugin-lingui-macro": "5.9.5",
+    "@lingui/cli": "5.9.5",
+    "@lingui/conf": "5.9.5",
     "@lingui/message-utils": "5.9.5",
+    "@lingui/swc-plugin": "5.11.0",
     "@lingui/vite-plugin": "5.9.5",
     "@monaco-editor/react": "4.7.0",
     "@mui/utils": "5.17.1",
@@ -225,6 +231,7 @@
     "@trpc/react-query": "11.17.0",
     "@trpc/server": "11.17.0",
     "@types/aws-lambda": "8.10.133",
+    "@typescript/native": "npm:typescript@7.0.2",
     "@uiw/color-convert": "2.9.6",
     "@uiw/react-color-hue": "2.9.6",
     "@uiw/react-color-saturation": "2.9.6",
@@ -240,10 +247,12 @@
     "dotenv-expand": "10.0.0",
     "envalid": "8.1.1",
     "esbuild": "0.25.12",
+    "eslint": "9.39.4",
     "fs-extra": "11.2.0",
     "globby": "14.0.2",
     "graphql": "16.14.2",
     "html-to-text": "10.0.0",
+    "htmlparser2": "10.1.0",
     "ink": "5.2.1",
     "its-fine": "1.2.5",
     "jiti": "2.7.0",
@@ -260,13 +269,13 @@
     "openai": "7.23.0",
     "openapi-fetch": "0.9.2",
     "picomatch": "4.0.4",
+    "prettier": "3.8.3",
     "promise-queue": "2.2.5",
     "react-device-detect": "2.2.3",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "react-dropzone": "14.3.8",
     "react-error-boundary": "4.0.12",
-    "react-hook-form": "7.53.0",
     "react-json-tree": "0.20.0",
     "react-markdown": "9.0.1",
     "remark": "15.0.1",
@@ -278,10 +287,10 @@
     "three-stdlib": "2.36.1",
     "troika-three-text": "0.47.2",
     "ts-pattern": "5.9.0",
+    "typescript": "6.0.3",
     "use-font-face-observer": "1.2.2",
     "usehooks-ts": "3.1.0",
     "uuid": "14.0.0",
-    "vaul": "1.1.2",
     "vite": "6.4.3",
     "vite-plugin-css-injected-by-js": "3.5.2",
     "vite-plugin-restart": "2.0.0",
@@ -289,19 +298,17 @@
     "yaml": "2.9.0",
     "yargs": "17.7.2",
     "zod": "3.25.76",
-    "@salsita-ai/common": "0.50.0-develop.c28cfb7ded",
-    "@salsita-ai/contracts": "0.50.0-develop.c28cfb7ded"
+    "@salsita-ai/common": "0.50.0-develop.c4848d224b",
+    "@salsita-ai/contracts": "0.50.0-develop.c4848d224b"
   },
   "devDependencies": {
     "@clerk/clerk-react": "5.61.8",
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
-    "@lingui/cli": "5.9.5",
     "@lingui/core": "5.9.5",
     "@lingui/format-po": "5.9.5",
     "@lingui/macro": "5.9.5",
     "@lingui/react": "5.9.5",
-    "@lingui/swc-plugin": "5.11.0",
     "@mui/material": "5.15.5",
     "@mui/system": "5.16.7",
     "@phosphor-icons/core": "2.1.1",
@@ -335,19 +342,16 @@
     "babel-plugin-macros": "3.1.0",
     "buffer": "6.0.3",
     "chokidar-cli": "3.0.0",
-    "eslint": "9.39.4",
     "happy-dom": "20.9.0",
     "ink-testing-library": "4.0.0",
     "openapi-typescript": "7.4.1",
     "postprocessing": "6.36.3",
-    "prettier": "3.8.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rxjs": "7.8.2",
     "storybook": "10.4.1",
     "three": "0.160.1",
     "tsx": "4.22.3",
-    "typescript": "npm:@typescript/typescript6@6.0.2",
     "vitest": "4.1.11",
     "server": "1.64.0"
   },
@@ -366,7 +370,7 @@
     "@types/react": "^18.3.8",
     "@types/react-dom": "^18.3.0",
     "@types/three": "^0.160.0",
-    "postprocessing": "^6.36.3",
+    "postprocessing": "~6.36.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rxjs": "^7.8.2",
@@ -402,6 +406,7 @@
     "prettify:fix": "prettier --write .",
     "verify:fix": "pnpm build && pnpm run ts:check && pnpm docs:verify && pnpm lint:fix && pnpm prettify:fix && pnpm test",
     "test": "vitest run",
-    "ts:check": "NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --project ./tsconfig.build.json --emitDeclarationOnly --noEmit --checkers 1"
+    "ts:check": "NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --project ./tsconfig.build.json --emitDeclarationOnly --noEmit --checkers 1 && pnpm ts:check:tests",
+    "ts:check:tests": "NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --project ./tsconfig.test.json --noEmit --checkers 1"
   }
 }