@leanmcp/ui 0.1.0 → 0.2.1

package/README.md

@@ -0,0 +1,160 @@
+# @leanmcp/ui
+
+**MCP-Native UI SDK for React** - Build rich, interactive MCP Apps with first-class tool integration.
+
+## Installation
+
+```bash
+npm install @leanmcp/ui
+```
+
+## Quick Start
+
+```tsx
+import { AppProvider, ToolButton } from '@leanmcp/ui';
+import '@leanmcp/ui/styles.css';
+
+function MyApp() {
+  return (
+    <AppProvider appInfo={{ name: 'MyApp', version: '1.0.0' }}>
+      <ToolButton tool="refresh-data" resultDisplay="toast">
+        Refresh
+      </ToolButton>
+    </AppProvider>
+  );
+}
+```
+
+## Components
+
+### MCP-Native Components
+
+| Component | Description |
+|-----------|-------------|
+| `ToolButton` | Button with tool execution, confirmation, result display |
+| `ToolSelect` | Select with tool-based options and selection callbacks |
+| `ToolInput` | Input with debounced search and autocomplete |
+| `ToolForm` | Form with multiple field types (text, select, checkbox, slider) |
+| `ToolDataGrid` | Table with server-side pagination, sorting, row actions |
+| `ResourceView` | Display MCP server resources with auto-refresh |
+| `StreamingContent` | Render streaming/partial tool data |
+
+### Utility Components
+
+| Component | Description |
+|-----------|-------------|
+| `RequireConnection` | Guard wrapper for MCP connection state |
+| `ToolErrorBoundary` | Error boundary with retry for tool errors |
+| `ToolProvider` | Scoped configuration context |
+
+## Hooks
+
+| Hook | Description |
+|------|-------------|
+| `useTool` | Call tools with retry, abort, transformation |
+| `useToolStream` | Handle streaming tool input |
+| `useResource` | Read MCP resources with auto-refresh |
+| `useMessage` | Send messages to host chat |
+| `useHostContext` | Access host theme and viewport |
+
+## Examples
+
+### ToolButton with Confirmation
+
+```tsx
+<ToolButton 
+  tool="delete-item" 
+  args={{ id: item.id }}
+  confirm={{ 
+    title: 'Delete Item?',
+    description: 'This cannot be undone.' 
+  }}
+  variant="destructive"
+>
+  Delete
+</ToolButton>
+```
+
+### ToolSelect with Dynamic Options
+
+```tsx
+<ToolSelect
+  optionsTool="list-categories"
+  transformOptions={(r) => r.categories.map(c => ({
+    value: c.id,
+    label: c.name
+  }))}
+  onSelectTool="set-category"
+  argName="categoryId"
+/>
+```
+
+### ToolDataGrid
+
+```tsx
+<ToolDataGrid
+  dataTool="list-users"
+  columns={[
+    { key: 'name', header: 'Name', sortable: true },
+    { key: 'email', header: 'Email' },
+    { key: 'status', header: 'Status' }
+  ]}
+  transformData={(r) => ({ rows: r.users, total: r.total })}
+  rowActions={[
+    { label: 'Edit', tool: 'edit-user' }
+  ]}
+  pagination
+/>
+```
+
+### ToolForm
+
+```tsx
+<ToolForm
+  toolName="create-item"
+  fields={[
+    { name: 'title', label: 'Title', required: true },
+    { name: 'priority', label: 'Priority', type: 'select', 
+      options: [
+        { value: 'low', label: 'Low' },
+        { value: 'high', label: 'High' }
+      ] 
+    },
+    { name: 'notify', label: 'Send notifications', type: 'switch' }
+  ]}
+  showSuccessToast
+/>
+```
+
+## Theming
+
+The SDK uses CSS variables compatible with MCP host theming. Import the styles:
+
+```tsx
+import '@leanmcp/ui/styles.css';
+```
+
+The styles automatically adapt to the host's theme (light/dark).
+
+## Testing
+
+Use `MockAppProvider` for unit testing:
+
+```tsx
+import { MockAppProvider } from '@leanmcp/ui/testing';
+
+test('renders tool result', () => {
+  render(
+    <MockAppProvider 
+      toolResult={{ data: 'test' }}
+      callTool={async () => ({ content: [{ type: 'text', text: '{}' }] })}
+    >
+      <MyComponent />
+    </MockAppProvider>
+  );
+});
+```
+
+## License
+
+MIT

package/dist/chunk-3PV26V5F.js

@@ -0,0 +1,50 @@
+'use strict';
+
+require('reflect-metadata');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var UI_APP_COMPONENT_KEY = "ui:app:component";
+var UI_APP_URI_KEY = "ui:app:uri";
+var UI_APP_OPTIONS_KEY = "ui:app:options";
+function UIApp(options) {
+  return (target, propertyKey, descriptor) => {
+    const methodName = String(propertyKey);
+    const className = target.constructor.name.toLowerCase().replace("service", "");
+    const uri = options.uri ?? `ui://${className}/${methodName}`;
+    Reflect.defineMetadata(UI_APP_COMPONENT_KEY, options.component, descriptor.value);
+    Reflect.defineMetadata(UI_APP_URI_KEY, uri, descriptor.value);
+    Reflect.defineMetadata(UI_APP_OPTIONS_KEY, options, descriptor.value);
+    const existingMeta = Reflect.getMetadata("tool:meta", descriptor.value) || {};
+    Reflect.defineMetadata("tool:meta", {
+      ...existingMeta,
+      "ui/resourceUri": uri
+    }, descriptor.value);
+    return descriptor;
+  };
+}
+__name(UIApp, "UIApp");
+function getUIAppMetadata(target) {
+  const component = Reflect.getMetadata(UI_APP_COMPONENT_KEY, target);
+  if (!component) return void 0;
+  return {
+    component,
+    uri: Reflect.getMetadata(UI_APP_URI_KEY, target),
+    ...Reflect.getMetadata(UI_APP_OPTIONS_KEY, target)
+  };
+}
+__name(getUIAppMetadata, "getUIAppMetadata");
+function getUIAppUri(target) {
+  return Reflect.getMetadata(UI_APP_URI_KEY, target);
+}
+__name(getUIAppUri, "getUIAppUri");
+
+exports.UIApp = UIApp;
+exports.UI_APP_COMPONENT_KEY = UI_APP_COMPONENT_KEY;
+exports.UI_APP_OPTIONS_KEY = UI_APP_OPTIONS_KEY;
+exports.UI_APP_URI_KEY = UI_APP_URI_KEY;
+exports.__name = __name;
+exports.getUIAppMetadata = getUIAppMetadata;
+exports.getUIAppUri = getUIAppUri;
+//# sourceMappingURL=chunk-3PV26V5F.js.map
+//# sourceMappingURL=chunk-3PV26V5F.js.map

package/dist/chunk-3PV26V5F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/decorator/UIApp.ts"],"names":["UI_APP_COMPONENT_KEY","UI_APP_URI_KEY","UI_APP_OPTIONS_KEY","UIApp","options","target","propertyKey","descriptor","methodName","String","className","name","toLowerCase","replace","uri","Reflect","defineMetadata","component","value","existingMeta","getMetadata","getUIAppMetadata","undefined","getUIAppUri"],"mappings":";;;;;;AAcO,IAAMA,oBAAAA,GAAuB;AAC7B,IAAMC,cAAAA,GAAiB;AACvB,IAAMC,kBAAAA,GAAqB;AA0C3B,SAASC,MAAMC,OAAAA,EAAqB;AACvC,EAAA,OAAO,CAACC,MAAAA,EAAgBC,WAAAA,EAA8BC,UAAAA,KAAAA;AAClD,IAAA,MAAMC,UAAAA,GAAaC,OAAOH,WAAAA,CAAAA;AAE1B,IAAA,MAAMI,SAAAA,GAAYL,OAAO,WAAA,CAAYM,IAAAA,CAAKC,aAAW,CAAGC,OAAAA,CAAQ,WAAW,EAAA,CAAA;AAG3E,IAAA,MAAMC,MAAMV,OAAAA,CAAQU,GAAAA,IAAO,CAAA,KAAA,EAAQJ,SAAAA,IAAaF,UAAAA,CAAAA,CAAAA;AAGhDO,IAAAA,OAAAA,CAAQC,cAAAA,CAAehB,oBAAAA,EAAsBI,OAAAA,CAAQa,SAAAA,EAAWV,WAAWW,KAAK,CAAA;AAChFH,IAAAA,OAAAA,CAAQC,cAAAA,CAAef,cAAAA,EAAgBa,GAAAA,EAAKP,UAAAA,CAAWW,KAAK,CAAA;AAC5DH,IAAAA,OAAAA,CAAQC,cAAAA,CAAed,kBAAAA,EAAoBE,OAAAA,EAASG,UAAAA,CAAWW,KAAK,CAAA;AAIpE,IAAA,MAAMC,eAAeJ,OAAAA,CAAQK,WAAAA,CAAY,aAAab,UAAAA,CAAWW,KAAK,KAAK,EAAC;AAC5EH,IAAAA,OAAAA,CAAQC,eAAe,WAAA,EAAa;MAChC,GAAGG,YAAAA;MACH,gBAAA,EAAkBL;AACtB,KAAA,EAAGP,WAAWW,KAAK,CAAA;AAEnB,IAAA,OAAOX,UAAAA;AACX,EAAA,CAAA;AACJ;AAxBgBJ,MAAAA,CAAAA,KAAAA,EAAAA,OAAAA,CAAAA;AA6BT,SAASkB,iBAAiBhB,MAAAA,EAAgB;AAC7C,EAAA,MAAMY,SAAAA,GAAYF,OAAAA,CAAQK,WAAAA,CAAYpB,oBAAAA,EAAsBK,MAAAA,CAAAA;AAC5D,EAAA,IAAI,CAACY,WAAW,OAAOK,MAAAA;AAEvB,EAAA,OAAO;AACHL,IAAAA,SAAAA;IACAH,GAAAA,EAAKC,OAAAA,CAAQK,WAAAA,CAAYnB,cAAAA,EAAgBI,MAAAA,CAAAA;IACzC,GAAGU,OAAAA,CAAQK,WAAAA,CAAYlB,kBAAAA,EAAoBG,MAAAA;AAC/C,GAAA;AACJ;AATgBgB,MAAAA,CAAAA,gBAAAA,EAAAA,kBAAAA,CAAAA;AAcT,SAASE,YAAYlB,MAAAA,EAAgB;AACxC,EAAA,OAAOU,OAAAA,CAAQK,WAAAA,CAAYnB,cAAAA,EAAgBI,MAAAA,CAAAA;AAC/C;AAFgBkB,MAAAA,CAAAA,WAAAA,EAAAA,aAAAA,CAAAA","file":"chunk-3PV26V5F.js","sourcesContent":["/**\r\n * @UIApp Decorator\r\n * \r\n * Links an MCP tool to a React UI component.\r\n * When applied to a tool method, it:\r\n * 1. Adds _meta.ui/resourceUri to the tool definition\r\n * 2. Auto-registers a resource that renders the component to HTML\r\n * \r\n * This decorator is designed to work with @leanmcp/core decorators.\r\n */\r\nimport 'reflect-metadata';\r\nimport type React from 'react';\r\n\r\n// Metadata keys\r\nexport const UI_APP_COMPONENT_KEY = 'ui:app:component';\r\nexport const UI_APP_URI_KEY = 'ui:app:uri';\r\nexport const UI_APP_OPTIONS_KEY = 'ui:app:options';\r\n\r\n/**\r\n * Options for @UIApp decorator\r\n */\r\nexport interface UIAppOptions {\r\n    /** \r\n     * React component or path to component file (relative to service file).\r\n     * - Use path string (e.g., './WeatherCard') for CLI build - avoids importing browser code in server\r\n     * - Use component reference for direct SSR rendering\r\n     */\r\n    component: React.ComponentType<any> | string;\r\n    /** Custom resource URI (auto-generated if not provided) */\r\n    uri?: string;\r\n    /** HTML document title */\r\n    title?: string;\r\n    /** Additional CSS styles */\r\n    styles?: string;\r\n}\r\n\r\n\r\n/**\r\n * Decorator that links a tool to a UI component.\r\n * \r\n * When the tool is called, the host will fetch the UI resource\r\n * which returns the component rendered as HTML.\r\n * \r\n * @example\r\n * ```typescript\r\n * import { Tool } from '@leanmcp/core';\r\n * import { UIApp } from '@leanmcp/ui';\r\n * import { WeatherCard } from './WeatherCard';\r\n * \r\n * class WeatherService {\r\n *   @Tool({ description: 'Get weather for a city' })\r\n *   @UIApp({ component: WeatherCard })\r\n *   async getWeather(args: { city: string }) {\r\n *     return { city: args.city, temp: 22 };\r\n *   }\r\n * }\r\n * ```\r\n */\r\nexport function UIApp(options: UIAppOptions): MethodDecorator {\r\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\r\n        const methodName = String(propertyKey);\r\n        // Use same pattern as @Resource in @leanmcp/core: className without 'service' suffix\r\n        const className = target.constructor.name.toLowerCase().replace('service', '');\r\n\r\n        // Generate URI using ui:// scheme (required by ext-apps hosts)\r\n        const uri = options.uri ?? `ui://${className}/${methodName}`;\r\n\r\n        // Store metadata on the method\r\n        Reflect.defineMetadata(UI_APP_COMPONENT_KEY, options.component, descriptor.value!);\r\n        Reflect.defineMetadata(UI_APP_URI_KEY, uri, descriptor.value!);\r\n        Reflect.defineMetadata(UI_APP_OPTIONS_KEY, options, descriptor.value!);\r\n\r\n        // Also store the resource URI for the @Tool decorator to pick up\r\n        // The @Tool decorator in @leanmcp/core should check for this\r\n        const existingMeta = Reflect.getMetadata('tool:meta', descriptor.value) || {};\r\n        Reflect.defineMetadata('tool:meta', {\r\n            ...existingMeta,\r\n            'ui/resourceUri': uri,\r\n        }, descriptor.value!);\r\n\r\n        return descriptor;\r\n    };\r\n}\r\n\r\n/**\r\n * Helper to get UIApp metadata from a method\r\n */\r\nexport function getUIAppMetadata(target: Function): UIAppOptions | undefined {\r\n    const component = Reflect.getMetadata(UI_APP_COMPONENT_KEY, target);\r\n    if (!component) return undefined;\r\n\r\n    return {\r\n        component,\r\n        uri: Reflect.getMetadata(UI_APP_URI_KEY, target),\r\n        ...Reflect.getMetadata(UI_APP_OPTIONS_KEY, target),\r\n    };\r\n}\r\n\r\n/**\r\n * Helper to get the resource URI from a method\r\n */\r\nexport function getUIAppUri(target: Function): string | undefined {\r\n    return Reflect.getMetadata(UI_APP_URI_KEY, target);\r\n}\r\n"]}

package/dist/chunk-WORZ46KI.mjs

@@ -0,0 +1,42 @@
+import 'reflect-metadata';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var UI_APP_COMPONENT_KEY = "ui:app:component";
+var UI_APP_URI_KEY = "ui:app:uri";
+var UI_APP_OPTIONS_KEY = "ui:app:options";
+function UIApp(options) {
+  return (target, propertyKey, descriptor) => {
+    const methodName = String(propertyKey);
+    const className = target.constructor.name.toLowerCase().replace("service", "");
+    const uri = options.uri ?? `ui://${className}/${methodName}`;
+    Reflect.defineMetadata(UI_APP_COMPONENT_KEY, options.component, descriptor.value);
+    Reflect.defineMetadata(UI_APP_URI_KEY, uri, descriptor.value);
+    Reflect.defineMetadata(UI_APP_OPTIONS_KEY, options, descriptor.value);
+    const existingMeta = Reflect.getMetadata("tool:meta", descriptor.value) || {};
+    Reflect.defineMetadata("tool:meta", {
+      ...existingMeta,
+      "ui/resourceUri": uri
+    }, descriptor.value);
+    return descriptor;
+  };
+}
+__name(UIApp, "UIApp");
+function getUIAppMetadata(target) {
+  const component = Reflect.getMetadata(UI_APP_COMPONENT_KEY, target);
+  if (!component) return void 0;
+  return {
+    component,
+    uri: Reflect.getMetadata(UI_APP_URI_KEY, target),
+    ...Reflect.getMetadata(UI_APP_OPTIONS_KEY, target)
+  };
+}
+__name(getUIAppMetadata, "getUIAppMetadata");
+function getUIAppUri(target) {
+  return Reflect.getMetadata(UI_APP_URI_KEY, target);
+}
+__name(getUIAppUri, "getUIAppUri");
+
+export { UIApp, UI_APP_COMPONENT_KEY, UI_APP_OPTIONS_KEY, UI_APP_URI_KEY, __name, getUIAppMetadata, getUIAppUri };
+//# sourceMappingURL=chunk-WORZ46KI.mjs.map
+//# sourceMappingURL=chunk-WORZ46KI.mjs.map

package/dist/chunk-WORZ46KI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/decorator/UIApp.ts"],"names":["UI_APP_COMPONENT_KEY","UI_APP_URI_KEY","UI_APP_OPTIONS_KEY","UIApp","options","target","propertyKey","descriptor","methodName","String","className","name","toLowerCase","replace","uri","Reflect","defineMetadata","component","value","existingMeta","getMetadata","getUIAppMetadata","undefined","getUIAppUri"],"mappings":";;;;AAcO,IAAMA,oBAAAA,GAAuB;AAC7B,IAAMC,cAAAA,GAAiB;AACvB,IAAMC,kBAAAA,GAAqB;AA0C3B,SAASC,MAAMC,OAAAA,EAAqB;AACvC,EAAA,OAAO,CAACC,MAAAA,EAAgBC,WAAAA,EAA8BC,UAAAA,KAAAA;AAClD,IAAA,MAAMC,UAAAA,GAAaC,OAAOH,WAAAA,CAAAA;AAE1B,IAAA,MAAMI,SAAAA,GAAYL,OAAO,WAAA,CAAYM,IAAAA,CAAKC,aAAW,CAAGC,OAAAA,CAAQ,WAAW,EAAA,CAAA;AAG3E,IAAA,MAAMC,MAAMV,OAAAA,CAAQU,GAAAA,IAAO,CAAA,KAAA,EAAQJ,SAAAA,IAAaF,UAAAA,CAAAA,CAAAA;AAGhDO,IAAAA,OAAAA,CAAQC,cAAAA,CAAehB,oBAAAA,EAAsBI,OAAAA,CAAQa,SAAAA,EAAWV,WAAWW,KAAK,CAAA;AAChFH,IAAAA,OAAAA,CAAQC,cAAAA,CAAef,cAAAA,EAAgBa,GAAAA,EAAKP,UAAAA,CAAWW,KAAK,CAAA;AAC5DH,IAAAA,OAAAA,CAAQC,cAAAA,CAAed,kBAAAA,EAAoBE,OAAAA,EAASG,UAAAA,CAAWW,KAAK,CAAA;AAIpE,IAAA,MAAMC,eAAeJ,OAAAA,CAAQK,WAAAA,CAAY,aAAab,UAAAA,CAAWW,KAAK,KAAK,EAAC;AAC5EH,IAAAA,OAAAA,CAAQC,eAAe,WAAA,EAAa;MAChC,GAAGG,YAAAA;MACH,gBAAA,EAAkBL;AACtB,KAAA,EAAGP,WAAWW,KAAK,CAAA;AAEnB,IAAA,OAAOX,UAAAA;AACX,EAAA,CAAA;AACJ;AAxBgBJ,MAAAA,CAAAA,KAAAA,EAAAA,OAAAA,CAAAA;AA6BT,SAASkB,iBAAiBhB,MAAAA,EAAgB;AAC7C,EAAA,MAAMY,SAAAA,GAAYF,OAAAA,CAAQK,WAAAA,CAAYpB,oBAAAA,EAAsBK,MAAAA,CAAAA;AAC5D,EAAA,IAAI,CAACY,WAAW,OAAOK,MAAAA;AAEvB,EAAA,OAAO;AACHL,IAAAA,SAAAA;IACAH,GAAAA,EAAKC,OAAAA,CAAQK,WAAAA,CAAYnB,cAAAA,EAAgBI,MAAAA,CAAAA;IACzC,GAAGU,OAAAA,CAAQK,WAAAA,CAAYlB,kBAAAA,EAAoBG,MAAAA;AAC/C,GAAA;AACJ;AATgBgB,MAAAA,CAAAA,gBAAAA,EAAAA,kBAAAA,CAAAA;AAcT,SAASE,YAAYlB,MAAAA,EAAgB;AACxC,EAAA,OAAOU,OAAAA,CAAQK,WAAAA,CAAYnB,cAAAA,EAAgBI,MAAAA,CAAAA;AAC/C;AAFgBkB,MAAAA,CAAAA,WAAAA,EAAAA,aAAAA,CAAAA","file":"chunk-WORZ46KI.mjs","sourcesContent":["/**\r\n * @UIApp Decorator\r\n * \r\n * Links an MCP tool to a React UI component.\r\n * When applied to a tool method, it:\r\n * 1. Adds _meta.ui/resourceUri to the tool definition\r\n * 2. Auto-registers a resource that renders the component to HTML\r\n * \r\n * This decorator is designed to work with @leanmcp/core decorators.\r\n */\r\nimport 'reflect-metadata';\r\nimport type React from 'react';\r\n\r\n// Metadata keys\r\nexport const UI_APP_COMPONENT_KEY = 'ui:app:component';\r\nexport const UI_APP_URI_KEY = 'ui:app:uri';\r\nexport const UI_APP_OPTIONS_KEY = 'ui:app:options';\r\n\r\n/**\r\n * Options for @UIApp decorator\r\n */\r\nexport interface UIAppOptions {\r\n    /** \r\n     * React component or path to component file (relative to service file).\r\n     * - Use path string (e.g., './WeatherCard') for CLI build - avoids importing browser code in server\r\n     * - Use component reference for direct SSR rendering\r\n     */\r\n    component: React.ComponentType<any> | string;\r\n    /** Custom resource URI (auto-generated if not provided) */\r\n    uri?: string;\r\n    /** HTML document title */\r\n    title?: string;\r\n    /** Additional CSS styles */\r\n    styles?: string;\r\n}\r\n\r\n\r\n/**\r\n * Decorator that links a tool to a UI component.\r\n * \r\n * When the tool is called, the host will fetch the UI resource\r\n * which returns the component rendered as HTML.\r\n * \r\n * @example\r\n * ```typescript\r\n * import { Tool } from '@leanmcp/core';\r\n * import { UIApp } from '@leanmcp/ui';\r\n * import { WeatherCard } from './WeatherCard';\r\n * \r\n * class WeatherService {\r\n *   @Tool({ description: 'Get weather for a city' })\r\n *   @UIApp({ component: WeatherCard })\r\n *   async getWeather(args: { city: string }) {\r\n *     return { city: args.city, temp: 22 };\r\n *   }\r\n * }\r\n * ```\r\n */\r\nexport function UIApp(options: UIAppOptions): MethodDecorator {\r\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\r\n        const methodName = String(propertyKey);\r\n        // Use same pattern as @Resource in @leanmcp/core: className without 'service' suffix\r\n        const className = target.constructor.name.toLowerCase().replace('service', '');\r\n\r\n        // Generate URI using ui:// scheme (required by ext-apps hosts)\r\n        const uri = options.uri ?? `ui://${className}/${methodName}`;\r\n\r\n        // Store metadata on the method\r\n        Reflect.defineMetadata(UI_APP_COMPONENT_KEY, options.component, descriptor.value!);\r\n        Reflect.defineMetadata(UI_APP_URI_KEY, uri, descriptor.value!);\r\n        Reflect.defineMetadata(UI_APP_OPTIONS_KEY, options, descriptor.value!);\r\n\r\n        // Also store the resource URI for the @Tool decorator to pick up\r\n        // The @Tool decorator in @leanmcp/core should check for this\r\n        const existingMeta = Reflect.getMetadata('tool:meta', descriptor.value) || {};\r\n        Reflect.defineMetadata('tool:meta', {\r\n            ...existingMeta,\r\n            'ui/resourceUri': uri,\r\n        }, descriptor.value!);\r\n\r\n        return descriptor;\r\n    };\r\n}\r\n\r\n/**\r\n * Helper to get UIApp metadata from a method\r\n */\r\nexport function getUIAppMetadata(target: Function): UIAppOptions | undefined {\r\n    const component = Reflect.getMetadata(UI_APP_COMPONENT_KEY, target);\r\n    if (!component) return undefined;\r\n\r\n    return {\r\n        component,\r\n        uri: Reflect.getMetadata(UI_APP_URI_KEY, target),\r\n        ...Reflect.getMetadata(UI_APP_OPTIONS_KEY, target),\r\n    };\r\n}\r\n\r\n/**\r\n * Helper to get the resource URI from a method\r\n */\r\nexport function getUIAppUri(target: Function): string | undefined {\r\n    return Reflect.getMetadata(UI_APP_URI_KEY, target);\r\n}\r\n"]}