@bardioc/create-bardioc-app 0.5.6 → 0.6.0

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

@@ -25,9 +25,10 @@ export function Onboarding() {
       icon={PlugZap}
       iconVariant="chip"
       titleSize="lg"
-      title={t('auth.title', { fallback: 'Connect to Bardioc OS' })}
+      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>
@@ -52,10 +54,10 @@ export function Onboarding() {
         </ol>
         <div className="border-border mt-3 space-y-1 border-t pt-3">
           <p className="text-foreground font-medium">
-            {t('auth.detectedTitle', { fallback: 'Detected environment' })}
+            {t('auth.detectedTitle', { fallback: 'Detected Environment' })}
           </p>
           <DetectedRow
-            label={t('auth.insideHost', { fallback: 'Inside host iframe' })}
+            label={t('auth.insideHost', { fallback: 'Inside Host Iframe' })}
             ok={insideHost}
           />
         </div>

package/templates/vite/src/climate/conditions-chart.tsx

@@ -28,8 +28,8 @@ export function ConditionsChart({ forecast }: Readonly<ConditionsChartProps>) {
       seriesData={seriesData}
       xKey="day"
       chartConfig={chartConfig}
-      title={t('chart.title', { fallback: '7-day outlook' })}
-      description={t('chart.description', { fallback: 'Daylight hours by condition' })}
+      title={t('chart.title', { fallback: '7-Day Outlook' })}
+      description={t('chart.description', { fallback: 'Daylight hours by condition.' })}
       heightClass="h-[220px]"
     />
   );

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

@@ -42,7 +42,7 @@ export function OverviewView() {
         ) : (
           <span>
             {t('overview.notPersisted', {
-              fallback: 'Preview — not persisted (open inside Bardioc OS to persist)',
+              fallback: 'Preview — not persisted (open inside Bardioc to persist)',
             })}
           </span>
         )}

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

@@ -120,27 +120,20 @@ 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}
         columns={columns}
         filterKey={['name', 'region']}
         showSearchBar
-        filterPlaceholder={t('stations.search', { fallback: 'Search stations…' })}
+        filterPlaceholder={t('stations.search', { fallback: 'Search Stations…' })}
         itemLabel={t('stations.itemLabel', { fallback: 'stations' })}
         onRowClick={station => setActiveStation(station.id)}
         filterSlot={<ConditionFilter selected={conditions} onToggle={onToggle} />}
         emptyState={
           <p className="text-muted-foreground p-6 text-center text-sm">
-            {t('stations.empty', { fallback: 'No stations match your filters' })}
+            {t('stations.empty', { fallback: 'No stations match your filters.' })}
           </p>
         }
       />

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 &&
@@ -89,7 +89,7 @@ export function useClimate() {
 
       notify(
         t('notify.synced', {
-          fallback: 'Synced {count} stations',
+          fallback: 'Synced {count} stations.',
           params: { count: next.stations.length },
         }),
         source === 'graph' ? 'success' : 'warning'
@@ -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) => {
@@ -108,7 +108,7 @@ export function useClimate() {
       const station = next.stations.find(item => item.id === id);
       notify(
         t('notify.stationSelected', {
-          fallback: 'Active station: {name}',
+          fallback: 'Active station: {name}.',
           params: { name: station?.name ?? id },
         }),
         'info'

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

@@ -23,28 +23,26 @@ 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 ? (
           <Empty
             icon={Activity}
             iconVariant="chip"
-            title={t('events.emptyTitle', { fallback: 'Waiting for events' })}
+            title={t('events.emptyTitle', { fallback: 'Waiting for Events' })}
             description={
               isInsideIframe()
                 ? t('events.emptyHost', {
                     fallback: 'No graph events yet — activity will appear here as it happens.',
                   })
                 : t('events.emptyStandalone', {
-                    fallback: 'Open inside Bardioc OS (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,15 +25,15 @@ 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() });
       notify(
-        t('notify.queryFailed', { fallback: 'Request failed — showing simulated data' }),
+        t('notify.queryFailed', { fallback: 'Request failed — showing simulated data.' }),
         'warning'
       );
     }
@@ -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">
@@ -85,7 +78,7 @@ export function ExplorerView() {
               >
                 {result.status === 'running'
                   ? t('explorer.running', { fallback: 'Running…' })
-                  : t('explorer.run', { fallback: 'Run request' })}
+                  : t('explorer.run', { fallback: 'Run Request' })}
               </Button>
             </div>
 
@@ -107,7 +100,7 @@ export function ExplorerView() {
               {result.status === 'done'
                 ? JSON.stringify(result.data, null, 2)
                 : t('explorer.empty', {
-                    fallback: 'Select a request and run it to see the response',
+                    fallback: 'Select a request and run it to see the response.',
                   })}
             </pre>
           </div>

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",
@@ -39,9 +38,9 @@
     "neverSaved": "Noch nicht gespeichert"
   },
   "auth": {
-    "title": "Mit Bardioc OS verbinden",
-    "description": "Dieses Dashboard liest Live-Daten über den Bardioc-SDK-Transport. Es läuft in Bardioc OS oder eigenständig mit einer CLI-Dev-Session.",
-    "stepsTitle": "Eigenständig mit Dev-Session ausführen:",
+    "title": "Mit Bardioc verbinden",
+    "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",
@@ -56,7 +55,7 @@
     "noOperator": "Betreiber nicht verfügbar",
     "updated": "Aktualisiert {time}",
     "persistence": "In IndexedDB gespeichert",
-    "notPersisted": "Vorschau — nicht gespeichert (in Bardioc OS öffnen zum Speichern)",
+    "notPersisted": "Vorschau — nicht gespeichert (in Bardioc öffnen zum Speichern)",
     "historyOne": "{count} Snapshot im Verlauf",
     "historyOther": "{count} Snapshots im Verlauf",
     "source": "Quelle"
@@ -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 OS (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

@@ -1,5 +1,5 @@
 {
-  "app": { "title": "Weather Dashboard", "tagline": "Live planetary readings" },
+  "app": { "title": "Weather Dashboard", "tagline": "Live Planetary Readings" },
   "nav": {
     "overview": "Overview",
     "stations": "Stations",
@@ -9,77 +9,76 @@
   },
   "menu": {
     "view": "View",
-    "about": "About this app"
+    "about": "About This App"
   },
   "about": {
-    "title": "About this app",
+    "title": "About This App",
     "version": "Version",
     "id": "App ID",
     "description": "Description",
-    "permissions": "Permissions",
-    "error": "Could not read app-manifest.json",
-    "source": "Read live from public/app-manifest.json"
+    "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",
     "noResults": "No results found.",
-    "goToPreviousPage": "Go to previous page",
-    "goToNextPage": "Go to next page"
+    "goToPreviousPage": "Go to Previous Page",
+    "goToNextPage": "Go to Next Page"
   },
   "common": { "button": { "previous": "Previous", "next": "Next" } },
   "header": {
-    "search": "Search stations…",
+    "search": "Search Stations…",
     "sync": "Sync",
     "syncing": "Syncing…",
     "location": "Station",
     "savedAt": "Saved {time}",
-    "neverSaved": "Not yet saved"
+    "neverSaved": "Not Yet Saved"
   },
   "auth": {
-    "title": "Connect to Bardioc OS",
-    "description": "This dashboard reads live data through the Bardioc SDK transport. It runs when opened inside Bardioc OS, 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",
+    "title": "Connect to Bardioc",
+    "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",
-    "devAuth": "Dev auth enabled",
+    "detectedTitle": "Detected Environment",
+    "insideHost": "Inside Host Iframe",
+    "devAuth": "Dev Auth Enabled",
     "yes": "yes",
     "no": "no",
     "retry": "Reload"
   },
   "overview": {
     "operator": "Operator",
-    "noOperator": "Operator unavailable",
+    "noOperator": "Operator Unavailable",
     "updated": "Updated {time}",
     "persistence": "Persisted to IndexedDB",
-    "notPersisted": "Preview — not persisted (open inside Bardioc OS to persist)",
+    "notPersisted": "Preview — not persisted (open inside Bardioc to persist)",
     "historyOne": "{count} snapshot in history",
     "historyOther": "{count} snapshots in history",
     "source": "Source"
   },
   "conditions": { "sunny": "Sunny", "cloudy": "Cloudy", "rainy": "Rainy" },
-  "source": { "graph": "Bardioc graph", "mock": "Simulated" },
+  "source": { "graph": "Bardioc Graph", "mock": "Simulated" },
   "metrics": {
     "oxygen": "Oxygen",
-    "temperature": "Surface temp",
+    "temperature": "Surface Temp",
     "humidity": "Humidity",
-    "windSpeed": "Wind speed",
+    "windSpeed": "Wind Speed",
     "vegetation": "Vegetation",
-    "oxygenHint": "Atmospheric mix",
-    "temperatureHint": "Ground level",
+    "oxygenHint": "Atmospheric Mix",
+    "temperatureHint": "Ground Level",
     "humidityHint": "Relative",
     "windSpeedHint": "Sustained",
-    "vegetationHint": "Surface cover"
+    "vegetationHint": "Surface Cover"
   },
-  "chart": { "title": "7-day outlook", "description": "Daylight hours by condition" },
+  "chart": { "title": "7-Day Outlook", "description": "Daylight hours by condition." },
   "stations": {
-    "title": "Monitoring stations",
+    "title": "Monitoring Stations",
     "description": "All stations reporting to this instance. Search, filter, or select one.",
-    "search": "Search stations…",
+    "search": "Search Stations…",
     "filter": "Condition",
     "colName": "Station",
     "colRegion": "Region",
@@ -88,16 +87,16 @@
     "colHumidity": "Humidity",
     "colVegetation": "Vegetation",
     "itemLabel": "stations",
-    "empty": "No stations match your filters",
+    "empty": "No stations match your filters.",
     "apply": "Apply",
     "clear": "Clear"
   },
   "explorer": {
     "title": "Graph Explorer",
     "description": "Run real Bardioc SDK transport requests. Without a session, each request falls back to simulated data so you can still explore the shape.",
-    "run": "Run request",
+    "run": "Run Request",
     "running": "Running…",
-    "empty": "Select a request and run it to see the response",
+    "empty": "Select a request and run it to see the response.",
     "live": "Live",
     "mock": "Simulated",
     "categoryGraph": "Graph",
@@ -106,35 +105,35 @@
     "durationMs": "{ms} ms"
   },
   "profile": {
-    "title": "Operator profile",
+    "title": "Operator Profile",
     "description": "Pulled live from the OS transport (os.profile).",
     "name": "Name",
-    "displayName": "Display name",
-    "firstName": "First name",
-    "lastName": "Last name",
+    "displayName": "Display Name",
+    "firstName": "First Name",
+    "lastName": "Last Name",
     "email": "Email",
     "id": "ID",
     "organization": "Organization",
     "units": "Units",
     "members": "Members",
-    "raw": "Raw response",
-    "errorTitle": "Could not load profile",
+    "raw": "Raw Response",
+    "errorTitle": "Could Not Load Profile",
     "errorHint": "The transport returned an error. Authorize a session, then reload.",
     "unknown": "Unknown"
   },
   "events": {
     "title": "Live Events",
     "description": "Live graph events streamed from the OS over SSE (permission \"events\").",
-    "emptyTitle": "Waiting for events",
+    "emptyTitle": "Waiting for Events",
     "emptyHost": "No graph events yet — activity will appear here as it happens.",
-    "emptyStandalone": "Open inside Bardioc OS (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)",
-    "queryFailed": "Request failed — showing simulated data"
+    "synced": "Synced {count} stations.",
+    "saved": "Saved to IndexedDB.",
+    "stationSelected": "Active station: {name}.",
+    "localeChanged": "Language switched to {locale}.",
+    "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>