@bardioc/create-bardioc-app 0.5.8 → 0.6.0

package/templates/solid/src/App.tsx

@@ -9,7 +9,7 @@ type ResultState =
   | { status: 'error'; request: string; message: string };
 
 function SdkDemo() {
-  const bridge = useSdk();
+  const bardioc = useSdk();
   const notify = useNotify();
   const [result, setResult] = createSignal<ResultState>({ status: 'idle' });
   const [running, setRunning] = createSignal(false);
@@ -18,14 +18,14 @@ function SdkDemo() {
     if (running()) return;
     setRunning(true);
 
-    const request = 'transport.os.profile.get()';
+    const request = 'os.profile.get()';
     setResult({ status: 'loading', request });
 
     const startTime = Date.now();
     notify('Getting user profile…', 'info');
 
     try {
-      const data = await bridge.transport.os.profile.get();
+      const data = await bardioc.os.profile.get();
 
       const duration = Date.now() - startTime;
       notify(`Profile loaded (${duration}ms).`, 'success');
@@ -43,7 +43,7 @@ function SdkDemo() {
     notify('Hello from {{DISPLAY_NAME}}.', 'info');
     setResult({
       status: 'success',
-      request: 'SDK_NOTIFY',
+      request: 'ui.notify',
       data: { ok: true, message: 'Notification sent to OS' },
     });
   }
@@ -106,7 +106,7 @@ function SdkDemo() {
                 <div class="text-muted-foreground border-border border-b pb-2 font-mono text-xs">
                   {r.request}
                 </div>
-                <div class="text-destructive break-all whitespace-pre-wrap">{r.message}</div>
+                <div class="text-destructive whitespace-pre-wrap break-all">{r.message}</div>
               </div>
             );
           }

package/templates/solid/src/bardioc-sdk.tsx

@@ -1,33 +1,21 @@
-import { createHostBridge, type HostBridge, type NotifyLevel } from '@bardioc/app-sdk';
-import { createContext, onCleanup, onMount, useContext, type JSX } from 'solid-js';
+import type { Bardioc, NotifyLevel } from '@bardioc/app-sdk';
+import { createContext, useContext, type JSX } from 'solid-js';
 
-const BardiocContext = createContext<HostBridge>();
+const BardiocContext = createContext<Bardioc>();
 
-export function AppSdkProvider(props: { appId: string; children: JSX.Element }) {
-  const bridge = createHostBridge({ appId: props.appId });
-
-  onMount(() => {
-    void bridge.connect();
-  });
-
-  onCleanup(() => {
-    bridge.destroy();
-  });
-
-  return <BardiocContext.Provider value={bridge}>{props.children}</BardiocContext.Provider>;
+export function AppSdkProvider(props: { bardioc: Bardioc; children: JSX.Element }) {
+  return <BardiocContext.Provider value={props.bardioc}>{props.children}</BardiocContext.Provider>;
 }
 
-export function useSdk(): HostBridge {
-  const bridge = useContext(BardiocContext);
-  if (!bridge) {
-    throw new Error('useSdk() must be used inside AppSdkProvider');
-  }
-  return bridge;
+export function useSdk(): Bardioc {
+  const bardioc = useContext(BardiocContext);
+  if (!bardioc) throw new Error('useSdk() must be used inside AppSdkProvider');
+  return bardioc;
 }
 
 export function useNotify() {
-  const bridge = useSdk();
+  const { ui } = useSdk();
   return (message: string, level?: NotifyLevel) => {
-    bridge.notify(message, level);
+    ui.notify(message, level).catch(console.error);
   };
 }

package/templates/solid/src/main.tsx

@@ -1,4 +1,5 @@
-import { installDevBridge, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
+import { connect } from '@bardioc/app-sdk';
+import { installDevHost, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
 import { render } from 'solid-js/web';
 import { App } from './App';
 import { AppSdkProvider } from './bardioc-sdk';
@@ -15,15 +16,16 @@ const devStandalone = isDevStandalone();
 const useSdkProvider = insideIframe || devStandalone;
 
 if (devStandalone) {
-  installDevBridge({ debug: false });
+  installDevHost({ appId: APP_NAME });
 }
 
 const root = document.getElementById('root')!;
 
 if (useSdkProvider) {
+  const bardioc = await connect();
   render(
     () => (
-      <AppSdkProvider appId={APP_NAME}>
+      <AppSdkProvider bardioc={bardioc}>
         <App />
       </AppSdkProvider>
     ),

package/templates/svelte/package.json

@@ -18,7 +18,7 @@
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "^0.5.0",
+    "@bardioc/app-sdk": "^1.0.0",
     "svelte": "^5.33.14"
   },
   "devDependencies": {

package/templates/svelte/src/App.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { HostBridge, NotifyLevel } from '@bardioc/app-sdk';
+  import type { Bardioc, NotifyLevel } from '@bardioc/app-sdk';
   import { isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
   import { type Snippet } from 'svelte';
   import './index.css';
@@ -10,7 +10,7 @@
     | { status: 'success'; request: string; data: unknown }
     | { status: 'error'; request: string; message: string };
 
-  let { bridge = null, children }: { bridge?: HostBridge | null; children?: Snippet } = $props();
+  let { bardioc = null, children }: { bardioc?: Bardioc | null; children?: Snippet } = $props();
 
   const showSdkDemo = isInsideIframe() || isDevStandalone();
 
@@ -18,21 +18,21 @@
   let running = $state(false);
 
   function notify(message: string, level?: NotifyLevel) {
-    bridge?.notify(message, level);
+    bardioc?.ui.notify(message, level).catch(console.error);
   }
 
   async function runGetProfile() {
-    if (running || !bridge) return;
+    if (running || !bardioc) return;
     running = true;
 
-    const request = 'transport.os.profile.get()';
+    const request = 'os.profile.get()';
     result = { status: 'loading', request };
 
     const startTime = Date.now();
     notify('Getting user profile…', 'info');
 
     try {
-      const data = await bridge.transport.os.profile.get();
+      const data = await bardioc.os.profile.get();
 
       const duration = Date.now() - startTime;
       notify(`Profile loaded (${duration}ms).`, 'success');
@@ -50,7 +50,7 @@
     notify('Hello from {{DISPLAY_NAME}}.', 'info');
     result = {
       status: 'success',
-      request: 'SDK_NOTIFY',
+      request: 'ui.notify',
       data: { ok: true, message: 'Notification sent to OS' },
     };
   }

package/templates/svelte/src/main.ts

@@ -1,5 +1,5 @@
-import { createHostBridge } from '@bardioc/app-sdk';
-import { installDevBridge, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
+import { connect } from '@bardioc/app-sdk';
+import { installDevHost, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
 import { mount } from 'svelte';
 import App from './App.svelte';
 import './index.css';
@@ -15,12 +15,12 @@ const devStandalone = isDevStandalone();
 const useSdkProvider = insideIframe || devStandalone;
 
 if (devStandalone) {
-  installDevBridge({ debug: false });
+  installDevHost({ appId: APP_NAME });
 }
 
-const bridge = useSdkProvider ? createHostBridge({ appId: APP_NAME }) : null;
+const bardioc = useSdkProvider ? await connect() : null;
 
 mount(App, {
   target: document.getElementById('app')!,
-  props: { bridge },
+  props: { bardioc },
 });

package/templates/vite/package.json

@@ -18,7 +18,7 @@
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "^0.5.0",
+    "@bardioc/app-sdk": "^1.0.0",
     "@bardioc/i18n-core": "^0.1.1",
     "@bardioc/ui": "^0.7.29",
     "lucide-react": "^0.544.0",

package/templates/vite/public/app-manifest.json

@@ -8,7 +8,6 @@
   "icon": "icon.svg",
   "author": { "name": "{{DISPLAY_NAME}} Team" },
   "categories": ["productivity"],
-  "permissions": ["notify", "transport", "indexdb", "events"],
   "showInDock": true,
   "showInDockAppsMenu": true,
   "window": {

package/templates/vite/src/auth/onboarding.tsx

@@ -27,7 +27,8 @@ export function Onboarding() {
       titleSize="lg"
       title={t('auth.title', { fallback: 'Connect to Bardioc' })}
       description={t('auth.description', {
-        fallback: 'This dashboard reads live data through the Bardioc SDK transport.',
+        fallback:
+          'This dashboard reads live data through the Bardioc SDK transport. It runs when opened inside Bardioc, or standalone with dev auth.',
       })}
       actions={
         <Button onClick={() => globalThis.location.reload()}>
@@ -42,7 +43,8 @@ export function Onboarding() {
         <ol className="text-muted-foreground list-decimal space-y-2 pl-4">
           <li>
             {t('auth.step1', {
-              fallback: 'Set DEV_SECRET=<your-secret> and API_BASE_URL=<your-host> in .env.',
+              fallback:
+                'Set DEV_SECRET=<your-secret> and API_BASE_URL=<your-host> in the .env file.',
             })}
           </li>
           <li>

package/templates/vite/src/climate/stations-view.tsx

@@ -120,14 +120,7 @@ export function StationsView() {
 
   return (
     <div className="flex flex-col gap-3">
-      <div>
-        <h2 className="text-lg font-semibold">
-          {t('stations.title', { fallback: 'Monitoring Stations' })}
-        </h2>
-        <p className="text-muted-foreground text-xs">
-          {t('stations.description', { fallback: '' })}
-        </p>
-      </div>
+      <p className="text-muted-foreground text-xs">{t('stations.description', { fallback: '' })}</p>
       <DataTable
         boxed
         data={data}

package/templates/vite/src/climate/use-climate.ts

@@ -6,10 +6,10 @@ import { generateState, syncState } from './climate-data';
 import { IDB_LOG_PREFIX, IDB_STATE_KEY, IDB_STORE, type ClimateState } from './types';
 
 export function useClimate() {
-  const bridge = useSdk();
+  const bardioc = useSdk();
   const notify = useAppNotify();
   const { t } = useTranslation();
-  const store = useMemo(() => bridge.idb(IDB_STORE), [bridge]);
+  const store = useMemo(() => bardioc.idb(IDB_STORE), [bardioc]);
 
   const [state, setState] = useState<ClimateState | null>(null);
   const [syncing, setSyncing] = useState(false);
@@ -42,7 +42,7 @@ export function useClimate() {
   useEffect(() => {
     let active = true;
     void (async () => {
-      const raw = await store.get<unknown>(IDB_STATE_KEY).catch(() => null);
+      const raw = (await store.get(IDB_STATE_KEY).catch(() => null))?.value;
       const saved =
         raw !== null &&
         raw !== undefined &&
@@ -69,12 +69,12 @@ export function useClimate() {
     try {
       let source: ClimateState['source'] = 'graph';
       try {
-        await bridge.transport.os.profile.get();
+        await bardioc.os.profile.get();
       } catch {
         source = 'mock';
       }
 
-      const raw = await store.get<unknown>(IDB_STATE_KEY).catch(() => null);
+      const raw = (await store.get(IDB_STATE_KEY).catch(() => null))?.value;
       const saved =
         raw !== null &&
         raw !== undefined &&
@@ -97,7 +97,7 @@ export function useClimate() {
     } finally {
       setSyncing(false);
     }
-  }, [bridge, notify, persist, store, t]);
+  }, [bardioc, notify, persist, store, t]);
 
   const setActiveStation = useCallback(
     (id: string) => {

package/templates/vite/src/events/live-events-view.tsx

@@ -23,14 +23,11 @@ export function LiveEventsView() {
 
   return (
     <div className="flex h-full min-w-0 flex-col gap-3">
-      <div>
-        <h2 className="text-lg font-semibold">{t('events.title', { fallback: 'Live Events' })}</h2>
-        <p className="text-muted-foreground text-xs">
-          {t('events.description', {
-            fallback: 'Live graph events streamed from the OS over SSE (permission "events").',
-          })}
-        </p>
-      </div>
+      <p className="text-muted-foreground text-xs">
+        {t('events.description', {
+          fallback: 'Live graph events streamed from the OS over SSE (permission "events").',
+        })}
+      </p>
 
       <Card className="min-h-0 min-w-0 flex-1">
         {events.length === 0 ? (
@@ -44,7 +41,8 @@ export function LiveEventsView() {
                     fallback: 'No graph events yet — activity will appear here as it happens.',
                   })
                 : t('events.emptyStandalone', {
-                    fallback: 'Open inside Bardioc (or a dev session) to receive live events.',
+                    fallback:
+                      'Open inside Bardioc (or run standalone with dev auth) to receive live events.',
                   })
             }
           />

package/templates/vite/src/graph/explorer-view.tsx

@@ -13,7 +13,7 @@ type Result =
 
 export function ExplorerView() {
   const { t } = useTranslation();
-  const bridge = useSdk();
+  const bardioc = useSdk();
   const notify = useAppNotify();
   const [activeId, setActiveId] = useState(SDK_REQUESTS[0].id);
   const [result, setResult] = useState<Result>({ status: 'idle' });
@@ -25,10 +25,10 @@ export function ExplorerView() {
     setResult({ status: 'running' });
     const started = Date.now();
     try {
-      const data = await request.run(bridge);
+      const data = await request.run(bardioc);
       const ms = Date.now() - started;
       setResult({ status: 'done', live: true, ms, data });
-      notify(t('notify.queryOk', { fallback: 'Request ok ({ms} ms).', params: { ms } }), 'success');
+      notify(t('notify.queryOk', { fallback: 'Request OK ({ms} ms).', params: { ms } }), 'success');
     } catch {
       const ms = Date.now() - started;
       setResult({ status: 'done', live: false, ms, data: request.mock() });
@@ -41,14 +41,7 @@ export function ExplorerView() {
 
   return (
     <div className="flex h-full min-w-0 flex-col gap-3">
-      <div>
-        <h2 className="text-lg font-semibold">
-          {t('explorer.title', { fallback: 'Graph Explorer' })}
-        </h2>
-        <p className="text-muted-foreground text-xs">
-          {t('explorer.description', { fallback: '' })}
-        </p>
-      </div>
+      <p className="text-muted-foreground text-xs">{t('explorer.description', { fallback: '' })}</p>
 
       <div className="grid min-w-0 gap-3 lg:grid-cols-[minmax(0,240px)_minmax(0,1fr)]">
         <div className="flex min-w-0 flex-col gap-1">

package/templates/vite/src/graph/requests.ts

@@ -1,4 +1,4 @@
-import type { HostBridge } from '@bardioc/app-sdk';
+import type { Bardioc } from '@bardioc/app-sdk';
 
 export type RequestCategory = 'graph' | 'os';
 
@@ -6,7 +6,7 @@ export interface SdkRequest {
   id: string;
   category: RequestCategory;
   label: string;
-  run: (bridge: HostBridge) => Promise<unknown>;
+  run: (bardioc: Bardioc) => Promise<unknown>;
   mock: () => unknown;
 }
 
@@ -32,8 +32,8 @@ function toItems(result: unknown): GraphNode[] {
   return [];
 }
 
-async function sampleNodes(bridge: HostBridge, limit: number): Promise<GraphNode[]> {
-  return toItems(await bridge.transport.graph.query<GraphNode>('*', { limit }));
+async function sampleNodes(bardioc: Bardioc, limit: number): Promise<GraphNode[]> {
+  return toItems(await bardioc.graph.query<GraphNode>('*', { limit }));
 }
 
 // The full surface a hosted app can reach over the SDK transport. Each `run` issues a real call
@@ -48,7 +48,7 @@ export const SDK_REQUESTS: [SdkRequest, ...SdkRequest[]] = [
     id: 'graph.query.all',
     category: 'graph',
     label: "graph.query('*', { limit: 10 })",
-    run: bridge => bridge.transport.graph.query('*', { limit: 10 }),
+    run: bardioc => bardioc.graph.query('*', { limit: 10 }),
     mock: () => ({
       items: [
         {
@@ -63,14 +63,14 @@ export const SDK_REQUESTS: [SdkRequest, ...SdkRequest[]] = [
     id: 'graph.query.type',
     category: 'graph',
     label: String.raw`graph.query('ogit\/_type:"<first result type>"', { limit: 5 })`,
-    run: async bridge => {
-      const [first] = await sampleNodes(bridge, 1);
+    run: async bardioc => {
+      const [first] = await sampleNodes(bardioc, 1);
       const type = first?.['ogit/_type'];
       if (!type) {
         return [];
       }
       const escapedType = type.replaceAll('/', String.raw`\/`);
-      return bridge.transport.graph.query(String.raw`ogit\/_type:"${escapedType}"`, { limit: 5 });
+      return bardioc.graph.query(String.raw`ogit\/_type:"${escapedType}"`, { limit: 5 });
     },
     mock: () => ({
       items: [
@@ -86,13 +86,13 @@ export const SDK_REQUESTS: [SdkRequest, ...SdkRequest[]] = [
     id: 'graph.get',
     category: 'graph',
     label: 'graph.get(firstNodeId)',
-    run: async bridge => {
-      const [first] = await sampleNodes(bridge, 1);
+    run: async bardioc => {
+      const [first] = await sampleNodes(bardioc, 1);
       const id = first?.['ogit/_id'];
       if (!id) {
         return null;
       }
-      return bridge.transport.graph.get(id);
+      return bardioc.graph.get(id);
     },
     mock: () => ({
       'ogit/_id': 'cmexample_app-1',
@@ -106,11 +106,8 @@ export const SDK_REQUESTS: [SdkRequest, ...SdkRequest[]] = [
     label: "graph.gremlin(nodeId, 'both()')",
     // `both()` returns adjacent vertices in either direction. Replace this id with a connected
     // node from your own instance — many nodes (e.g. config vertices) have no traversable edges.
-    run: bridge =>
-      bridge.transport.graph.gremlin(
-        'cjohdg6y80000ai48sw7swsq0_cmm2b2jz3t6dq0110poeobock',
-        'both()'
-      ),
+    run: bardioc =>
+      bardioc.graph.gremlin('cjohdg6y80000ai48sw7swsq0_cmm2b2jz3t6dq0110poeobock', 'both()'),
     mock: () => [
       {
         'ogit/_id': 'cmexample_node-2',
@@ -123,21 +120,21 @@ export const SDK_REQUESTS: [SdkRequest, ...SdkRequest[]] = [
     id: 'os.profile',
     category: 'os',
     label: 'os.profile.get()',
-    run: bridge => bridge.transport.os.profile.get(),
+    run: bardioc => bardioc.os.profile.get(),
     mock: () => ({ id: 'usr-demo', email: 'operator@bardioc.dev', name: 'Demo Operator' }),
   },
   {
     id: 'os.organization',
     category: 'os',
     label: 'os.organization.getStructure()',
-    run: bridge => bridge.transport.os.organization.getStructure(),
+    run: bardioc => bardioc.os.organization.getStructure(),
     mock: () => ({ id: 'org-demo', name: 'Bardioc Climate Corp', units: [], members: [] }),
   },
   {
     id: 'os.applications',
     category: 'os',
     label: 'os.applications.list()',
-    run: bridge => bridge.transport.os.applications.list(),
+    run: bardioc => bardioc.os.applications.list(),
     mock: () => [{ id: 'app-demo', name: 'Climate Dashboard', version: '0.0.1' }],
   },
 ];

package/templates/vite/src/locales/de.json

@@ -16,12 +16,11 @@
     "version": "Version",
     "id": "App-ID",
     "description": "Beschreibung",
-    "permissions": "Berechtigungen",
     "error": "app-manifest.json konnte nicht gelesen werden",
     "source": "Live aus public/app-manifest.json gelesen"
   },
   "genericTable": {
-    "filterPlaceholder": "Ergebnisse filtern...",
+    "filterPlaceholder": "Ergebnisse filtern…",
     "itemLabel": "Zeilen",
     "showing": "{from} bis {to} von {total}",
     "columns": "Spalten",
@@ -40,8 +39,8 @@
   },
   "auth": {
     "title": "Mit Bardioc verbinden",
-    "description": "Dieses Dashboard liest Live-Daten über den Bardioc-SDK-Transport. Es läuft in Bardioc oder eigenständig mit einer CLI-Dev-Session.",
-    "stepsTitle": "Eigenständig mit Dev-Session ausführen:",
+    "description": "Dieses Dashboard liest Live-Daten über den Bardioc-SDK-Transport. Es läuft in Bardioc oder eigenständig mit Dev-Auth.",
+    "stepsTitle": "Eigenständig mit Dev-Auth ausführen:",
     "step1": "Setze DEV_SECRET=<dein-secret> und API_BASE_URL=<dein-host> in .env",
     "step2": "Dev-Server starten:",
     "detectedTitle": "Erkannte Umgebung",
@@ -127,14 +126,14 @@
     "description": "Live-Graph-Ereignisse, vom OS über SSE gestreamt (Berechtigung \"events\").",
     "emptyTitle": "Warte auf Ereignisse",
     "emptyHost": "Noch keine Graph-Ereignisse — Aktivität erscheint hier, sobald sie auftritt.",
-    "emptyStandalone": "In Bardioc (oder einer Dev-Session) öffnen, um Live-Ereignisse zu empfangen."
+    "emptyStandalone": "In Bardioc öffnen (oder eigenständig mit Dev-Auth ausführen), um Live-Ereignisse zu empfangen."
   },
   "notify": {
     "synced": "{count} Stationen synchronisiert",
     "saved": "In IndexedDB gespeichert",
     "stationSelected": "Aktive Station: {name}",
     "localeChanged": "Sprache gewechselt zu {locale}",
-    "queryOk": "Anfrage ok ({ms} ms)",
+    "queryOk": "Anfrage OK ({ms} ms)",
     "queryFailed": "Anfrage fehlgeschlagen — zeige simulierte Daten"
   }
 }

package/templates/vite/src/locales/en.json

@@ -16,12 +16,11 @@
     "version": "Version",
     "id": "App ID",
     "description": "Description",
-    "permissions": "Permissions",
     "error": "Could not read app-manifest.json.",
     "source": "Read live from public/app-manifest.json."
   },
   "genericTable": {
-    "filterPlaceholder": "Filter Results...",
+    "filterPlaceholder": "Filter Results…",
     "itemLabel": "rows",
     "showing": "{from} to {to} of {total}",
     "columns": "Columns",
@@ -40,9 +39,9 @@
   },
   "auth": {
     "title": "Connect to Bardioc",
-    "description": "This dashboard reads live data through the Bardioc SDK transport. It runs when opened inside Bardioc, or standalone with a CLI dev session.",
-    "stepsTitle": "Run standalone with a dev session:",
-    "step1": "Set DEV_SECRET=<your-secret> and API_BASE_URL=<your-host> in .env.",
+    "description": "This dashboard reads live data through the Bardioc SDK transport. It runs when opened inside Bardioc, or standalone with dev auth.",
+    "stepsTitle": "Run standalone with dev auth:",
+    "step1": "Set DEV_SECRET=<your-secret> and API_BASE_URL=<your-host> in the .env file.",
     "step2": "Start the dev server:",
     "detectedTitle": "Detected Environment",
     "insideHost": "Inside Host Iframe",
@@ -127,14 +126,14 @@
     "description": "Live graph events streamed from the OS over SSE (permission \"events\").",
     "emptyTitle": "Waiting for Events",
     "emptyHost": "No graph events yet — activity will appear here as it happens.",
-    "emptyStandalone": "Open inside Bardioc (or a dev session) to receive live events."
+    "emptyStandalone": "Open inside Bardioc (or run standalone with dev auth) to receive live events."
   },
   "notify": {
     "synced": "Synced {count} stations.",
     "saved": "Saved to IndexedDB.",
     "stationSelected": "Active station: {name}.",
     "localeChanged": "Language switched to {locale}.",
-    "queryOk": "Request ok ({ms} ms).",
+    "queryOk": "Request OK ({ms} ms).",
     "queryFailed": "Request failed — showing simulated data."
   }
 }

package/templates/vite/src/main.tsx

@@ -1,4 +1,4 @@
-import { installDevBridge, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
+import { installDevHost, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
 import { AppSdkProvider } from '@bardioc/app-sdk/react';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -17,13 +17,13 @@ const devStandalone = isDevStandalone();
 const useSdkProvider = insideIframe || devStandalone;
 
 if (devStandalone) {
-  installDevBridge({ debug: false });
+  installDevHost({ appId: APP_NAME });
 }
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     {useSdkProvider ? (
-      <AppSdkProvider appId={APP_NAME}>
+      <AppSdkProvider>
         <AppI18nProvider syncWithOs>
           <App />
         </AppI18nProvider>

package/templates/vite/src/profile/profile-view.tsx

@@ -42,14 +42,7 @@ export function ProfileView() {
 
   return (
     <div className="flex flex-col gap-4">
-      <div>
-        <h2 className="text-lg font-semibold">
-          {t('profile.title', { fallback: 'Operator Profile' })}
-        </h2>
-        <p className="text-muted-foreground text-xs">
-          {t('profile.description', { fallback: '' })}
-        </p>
-      </div>
+      <p className="text-muted-foreground text-xs">{t('profile.description', { fallback: '' })}</p>
 
       <Card>
         <div className="flex items-center gap-4">

package/templates/vite/src/profile/use-profile.ts

@@ -25,7 +25,7 @@ export function operatorLabel(profile: Record_ | null): string | null {
 }
 
 export function useProfile(): ProfileState {
-  const bridge = useSdk();
+  const bardioc = useSdk();
   const [state, setState] = useState<ProfileState>({
     loading: true,
     profile: null,
@@ -36,7 +36,7 @@ export function useProfile(): ProfileState {
     let active = true;
     void (async () => {
       try {
-        const profile = (await bridge.transport.os.profile.get()) as Record_;
+        const profile = (await bardioc.os.profile.get()) as Record_;
         if (active) setState({ loading: false, profile, error: null });
       } catch (error) {
         const message = error instanceof Error ? error.message : String(error);
@@ -46,7 +46,7 @@ export function useProfile(): ProfileState {
     return () => {
       active = false;
     };
-  }, [bridge]);
+  }, [bardioc]);
 
   return state;
 }