@saluzi/saluzi-edu 0.2.65 → 0.2.67

package/packages/remote-control-server/src/services/artifacts.ts

@@ -0,0 +1,378 @@
+import { nanoid } from 'nanoid'
+import type { Database } from 'bun:sqlite'
+import { error as logError, log } from '../logger'
+import { getDb } from '../db/sqlite'
+import { isSessionVisibleToUser } from './session'
+
+/**
+ * Artifacts — self-hosted HTML pages uploaded by the CLI `artifact` tool or
+ * created from the web UI gallery.
+ *
+ * Mirrors the upstream cloud-artifacts semantics: the `id` is an unguessable
+ * nanoid that doubles as the share slug (URL-is-the-secret), passing `hash`
+ * on upload overwrites in place (URL stays stable, version bumps), and TTL
+ * bounds retention (7 or 30 days).
+ */
+
+export const ARTIFACT_ALLOWED_TTLS = [7, 30] as const
+export type ArtifactTtl = (typeof ARTIFACT_ALLOWED_TTLS)[number]
+
+export const ARTIFACT_MAX_BYTES = 10 * 1024 * 1024
+
+/** Same charset contract as the upstream service. */
+const HASH_PATTERN = /^[A-Za-z0-9_-]{1,128}$/
+
+export interface ArtifactRow {
+  id: string
+  session_id: string | null
+  team_id: string | null
+  title: string | null
+  content_type: string
+  content: string
+  size: number
+  version: number
+  created_by: string | null
+  created_at: string
+  updated_at: string
+  expires_at: string | null
+}
+
+export type ArtifactMeta = Omit<ArtifactRow, 'content'>
+
+export interface CreateArtifactParams {
+  html: string
+  /** Overwrite the artifact with this id (URL stays stable). */
+  hash?: string
+  ttl?: ArtifactTtl
+  sessionId?: string
+  title?: string
+  createdBy?: string
+  contentType?: string
+}
+
+export interface CreateArtifactResult {
+  id: string
+  expiresAt: string
+  created: boolean
+}
+
+function toMeta(row: ArtifactRow): ArtifactMeta {
+  const { content: _content, ...meta } = row
+  return meta
+}
+
+function nowIso(): string {
+  return new Date().toISOString()
+}
+
+function isExpired(row: ArtifactRow): boolean {
+  if (!row.expires_at) return false
+  return new Date(row.expires_at).getTime() < Date.now()
+}
+
+/** Derive the owning team (if any) for a session — denormalized onto the
+ *  artifact so the team gallery query is a single index scan. */
+function deriveTeamId(
+  db: Database,
+  sessionId: string | undefined,
+): string | null {
+  if (!sessionId) return null
+  try {
+    const row = db
+      .query(
+        `SELECT owner_id FROM session_owners
+         WHERE session_id = $sid AND owner_type = 'team'
+         LIMIT 1`,
+      )
+      .get({ $sid: sessionId }) as { owner_id: string } | undefined
+    return row?.owner_id ?? null
+  } catch (err) {
+    logError(`[artifacts] deriveTeamId failed session=${sessionId}:`, err)
+    return null
+  }
+}
+
+export function getArtifactRow(id: string): ArtifactRow | null {
+  try {
+    const row = getDb()
+      .query('SELECT * FROM artifacts WHERE id = $id')
+      .get({ $id: id }) as ArtifactRow | null
+    if (!row) return null
+    // Expired artifacts behave as deleted for every reader.
+    return isExpired(row) ? null : row
+  } catch (err) {
+    logError(`[artifacts] getArtifactRow failed id=${id}:`, err)
+    return null
+  }
+}
+
+export function getArtifactContent(id: string): {
+  content: string
+  contentType: string
+} | null {
+  const row = getArtifactRow(id)
+  if (!row) return null
+  return { content: row.content, contentType: row.content_type }
+}
+
+export function createArtifact(
+  params: CreateArtifactParams,
+): CreateArtifactResult {
+  const db = getDb()
+  const html = params.html
+  const size = Buffer.byteLength(html, 'utf8')
+  if (size > ARTIFACT_MAX_BYTES) {
+    throw new ArtifactError(
+      `payload_too_large`,
+      `Artifact is ${size} bytes; limit is ${ARTIFACT_MAX_BYTES}.`,
+    )
+  }
+
+  const ttl = params.ttl ?? 7
+  if (!ARTIFACT_ALLOWED_TTLS.includes(ttl)) {
+    throw new ArtifactError('invalid_ttl', `ttl must be 7 or 30 (got ${ttl}).`)
+  }
+  if (params.hash !== undefined && !HASH_PATTERN.test(params.hash)) {
+    throw new ArtifactError(
+      'invalid_hash',
+      'hash must match ^[A-Za-z0-9_-]{1,128}$',
+    )
+  }
+
+  const expiresAt = new Date(
+    Date.now() + ttl * 24 * 60 * 60 * 1000,
+  ).toISOString()
+  const now = nowIso()
+  const sessionId = params.sessionId ?? null
+  const teamId = deriveTeamId(db, sessionId ?? undefined)
+
+  // Overwrite path — keep the URL stable, bump version, refresh TTL.
+  if (params.hash) {
+    const existing = db
+      .query('SELECT id FROM artifacts WHERE id = $id')
+      .get({ $id: params.hash }) as { id: string } | null
+    if (existing) {
+      db.query(
+        `UPDATE artifacts
+         SET content = $content, size = $size, title = COALESCE($title, title),
+             version = version + 1, updated_at = $now, expires_at = $expires,
+             session_id = COALESCE($session_id, session_id),
+             team_id = COALESCE($team_id, team_id)
+         WHERE id = $id`,
+      ).run({
+        $id: params.hash,
+        $content: html,
+        $size: size,
+        $title: params.title ?? null,
+        $now: now,
+        $expires: expiresAt,
+        $session_id: sessionId,
+        $team_id: teamId,
+      })
+      return { id: params.hash, expiresAt, created: false }
+    }
+  }
+
+  const id = params.hash ?? nanoid(21)
+  const title = params.title ?? null
+  const createdBy = params.createdBy ?? null
+  db.query(
+    `INSERT INTO artifacts
+       (id, session_id, team_id, title, content_type, content, size, version,
+        created_by, created_at, updated_at, expires_at)
+     VALUES ($id, $session_id, $team_id, $title, $content_type, $content,
+             $size, 1, $created_by, $now, $now, $expires)`,
+  ).run({
+    $id: id,
+    $session_id: sessionId,
+    $team_id: teamId,
+    $title: title,
+    $content_type: params.contentType ?? 'text/html; charset=utf-8',
+    $content: html,
+    $size: size,
+    $created_by: createdBy,
+    $now: now,
+    $expires: expiresAt,
+  })
+
+  return { id, expiresAt, created: true }
+}
+
+export function deleteArtifact(id: string): boolean {
+  try {
+    const result = getDb()
+      .query('DELETE FROM artifacts WHERE id = $id')
+      .run({ $id: id })
+    return (result as unknown as { changes?: number }).changes === 1
+  } catch (err) {
+    logError(`[artifacts] deleteArtifact failed id=${id}:`, err)
+    return false
+  }
+}
+
+/**
+ * Whether a user can see an artifact's metadata. Follows session visibility
+ * (owner / team member / share grantee); session-less artifacts (web gallery
+ * creations) are visible to their creator and to members of the owning team.
+ */
+export function isArtifactVisibleToUser(
+  id: string,
+  userId: string,
+  isAdmin = false,
+): boolean {
+  const db = getDb()
+  const row = getArtifactRow(id)
+  if (!row) return false
+  if (isAdmin) return true
+
+  if (row.created_by === userId) return true
+
+  if (row.session_id) {
+    if (isSessionVisibleToUser(row.session_id, userId, db)) return true
+  }
+
+  if (row.team_id) {
+    const member = db
+      .query(
+        'SELECT 1 FROM team_members WHERE team_id = $teamId AND user_id = $userId LIMIT 1',
+      )
+      .get({ $teamId: row.team_id, $userId: userId })
+    if (member) return true
+  }
+
+  return false
+}
+
+/**
+ * Whether a user can delete/update an artifact: system admin, the artifact
+ * creator, or a manager of the owning session/team.
+ */
+export function canManageArtifact(
+  id: string,
+  userId: string,
+  isAdmin = false,
+): boolean {
+  const db = getDb()
+  const row = getArtifactRow(id)
+  if (!row) return false
+  if (isAdmin) return true
+  if (row.created_by === userId) return true
+
+  if (row.session_id) {
+    // Reuse session management rules (direct owner / team owner+admin / admin).
+    const userRole = db
+      .query('SELECT role FROM users WHERE id = $userId')
+      .get({ $userId: userId }) as { role: string } | null
+    if (userRole?.role === 'admin') return true
+
+    const directOwner = db
+      .query(
+        `SELECT 1 FROM session_owners
+         WHERE session_id = $sid AND owner_type = 'user' AND owner_id = $uid
+         LIMIT 1`,
+      )
+      .get({ $sid: row.session_id, $uid: userId })
+    if (directOwner) return true
+
+    const teamManager = db
+      .query(
+        `SELECT 1 FROM session_owners so
+         JOIN team_members tm ON tm.team_id = so.owner_id
+         WHERE so.session_id = $sid
+           AND so.owner_type = 'team'
+           AND tm.user_id = $uid
+           AND tm.role IN ('owner', 'admin')
+         LIMIT 1`,
+      )
+      .get({ $sid: row.session_id, $uid: userId })
+    if (teamManager) return true
+  }
+
+  if (row.team_id) {
+    const teamManager = db
+      .query(
+        `SELECT 1 FROM team_members
+         WHERE team_id = $teamId AND user_id = $userId
+           AND role IN ('owner', 'admin')
+         LIMIT 1`,
+      )
+      .get({ $teamId: row.team_id, $userId: userId })
+    if (teamManager) return true
+  }
+
+  return false
+}
+
+export interface ListArtifactsFilter {
+  sessionId?: string
+  teamId?: string
+}
+
+/**
+ * List artifact metadata visible to a user. When `sessionId` is given the
+ * caller must already have passed the session-visibility check (route-level);
+ * otherwise rows are filtered per-row via isArtifactVisibleToUser.
+ */
+export function listArtifactsForUser(
+  userId: string,
+  filter: ListArtifactsFilter = {},
+  isAdmin = false,
+): ArtifactMeta[] {
+  const db = getDb()
+  const conditions: string[] = [`(expires_at IS NULL OR expires_at > $now)`]
+  const params: Record<string, string> = { $now: nowIso() }
+
+  if (filter.sessionId) {
+    conditions.push('session_id = $sessionId')
+    params.$sessionId = filter.sessionId
+  }
+  if (filter.teamId) {
+    conditions.push('team_id = $teamId')
+    params.$teamId = filter.teamId
+  }
+
+  let rows: ArtifactRow[] = []
+  try {
+    rows = db
+      .query(
+        `SELECT * FROM artifacts WHERE ${conditions.join(' AND ')}
+         ORDER BY updated_at DESC LIMIT 500`,
+      )
+      .all(params) as unknown as ArtifactRow[]
+  } catch (err) {
+    logError('[artifacts] listArtifactsForUser failed:', err)
+    return []
+  }
+
+  if (isAdmin) return rows.map(toMeta)
+  return rows
+    .filter(row => isArtifactVisibleToUser(row.id, userId, false))
+    .map(toMeta)
+}
+
+/** Delete all artifacts past their expires_at. Returns the removed count. */
+export function cleanupExpiredArtifacts(): number {
+  try {
+    const result = getDb()
+      .query(
+        'DELETE FROM artifacts WHERE expires_at IS NOT NULL AND expires_at <= $now',
+      )
+      .run({ $now: nowIso() })
+    const removed = (result as unknown as { changes?: number }).changes ?? 0
+    if (removed > 0) log(`[artifacts] cleaned up ${removed} expired artifacts`)
+    return removed
+  } catch (err) {
+    logError('[artifacts] cleanupExpiredArtifacts failed:', err)
+    return 0
+  }
+}
+
+/** Typed error carrying an upstream-compatible code. */
+export class ArtifactError extends Error {
+  code: string
+  constructor(code: string, message: string) {
+    super(message)
+    this.name = 'ArtifactError'
+    this.code = code
+  }
+}

package/packages/remote-control-server/src/services/environment.ts

@@ -277,6 +277,31 @@ export function updatePollTime(envId: string) {
   storeUpdateEnvironment(envId, { lastPollAt: new Date() })
 }
 
+/**
+ * Worker-traffic liveness signal: refresh lastPollAt and, when the disconnect
+ * monitor had flipped the env to 'disconnected', reactivate it.
+ *
+ * The flip is based on a stale heartbeat — a worker actively hitting the env
+ * (work poll, assignment poll, session-creation retry during claim wait)
+ * proves it is alive. Without reactivation the CLI polls a zombie env
+ * forever: the work-poll route never 404s, so the client's env-lost recovery
+ * never fires, and any session created on the flipped env gets no work item
+ * (createWorkItem rejects non-active envs) — a session that exists but can
+ * never connect. 'deregistered' is terminal and stays dead.
+ */
+export function touchEnvironmentActivity(envId: string) {
+  const env = storeGetEnvironment(envId)
+  if (!env) return
+  if (env.status === 'disconnected') {
+    storeUpdateEnvironment(envId, { status: 'active', lastPollAt: new Date() })
+    log(
+      `[RCS] Environment ${envId} reactivated by worker traffic (was disconnected)`,
+    )
+  } else if (env.status === 'active') {
+    storeUpdateEnvironment(envId, { lastPollAt: new Date() })
+  }
+}
+
 export function listActiveEnvironments() {
   return storeListActiveEnvironments()
 }

package/packages/remote-control-server/web/dist/assets/{AdminPanel-CqP_94xa.js → AdminPanel-94uchXH7.js}

@@ -1 +1 @@
-import{e as d,j as e}from"./vendor-DE_-CLIE.js";import{ak as c,al as o,J as m,af as s,a8 as l,x as u}from"./main-N3GYCdLF.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";function j(){c();const[a,i]=d.useState([]),{myTeams:r,isLoading:x}=o(),n=d.useCallback(async()=>{try{const t=await m();i(t||[])}catch(t){console.error("Admin: failed to load sessions",t)}},[]);return d.useEffect(()=>{n()},[n]),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-4 py-8",children:[e.jsx("h1",{className:"mb-6 font-display text-2xl font-semibold text-text-primary",children:s("admin.title")}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.teams")," (",r.length,")"]}),x?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("common.loading")}):r.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noTeams")}):e.jsx("div",{className:"space-y-2",children:r.map(t=>e.jsxs("a",{href:`/teams/${t.slug}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"font-medium text-text-primary",children:t.name}),e.jsx("span",{className:"ml-2 text-xs text-text-muted",children:t.slug})]}),e.jsx("span",{className:"text-xs text-text-muted",children:l(new Date(t.created_at).getTime()/1e3)})]},t.id))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.sessions")," (",a.length,")"]}),a.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noSessions")}):e.jsx("div",{className:"space-y-2",children:a.map(t=>e.jsxs("a",{href:`/code/${t.id}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate font-medium text-text-primary",children:t.title||t.id}),e.jsx("span",{className:"rounded-full bg-surface-2 px-2 py-0.5 text-xs text-text-muted",children:t.source||"unknown"})]}),e.jsx("div",{className:"truncate text-xs text-text-muted",children:t.id})]}),e.jsxs("div",{className:"ml-4 flex items-center gap-3",children:[e.jsx(u,{status:t.status}),e.jsx("span",{className:"text-xs text-text-muted",children:l(t.updated_at||t.created_at)})]})]},t.id))})]})]})})}export{j as AdminPanel};
+import{e as d,j as e}from"./vendor-DE_-CLIE.js";import{aq as c,ar as o,Q as m,al as s,ae as l,x as u}from"./main-B8hkVvfg.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";function j(){c();const[a,i]=d.useState([]),{myTeams:r,isLoading:x}=o(),n=d.useCallback(async()=>{try{const t=await m();i(t||[])}catch(t){console.error("Admin: failed to load sessions",t)}},[]);return d.useEffect(()=>{n()},[n]),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-4 py-8",children:[e.jsx("h1",{className:"mb-6 font-display text-2xl font-semibold text-text-primary",children:s("admin.title")}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.teams")," (",r.length,")"]}),x?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("common.loading")}):r.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noTeams")}):e.jsx("div",{className:"space-y-2",children:r.map(t=>e.jsxs("a",{href:`/teams/${t.slug}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"font-medium text-text-primary",children:t.name}),e.jsx("span",{className:"ml-2 text-xs text-text-muted",children:t.slug})]}),e.jsx("span",{className:"text-xs text-text-muted",children:l(new Date(t.created_at).getTime()/1e3)})]},t.id))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.sessions")," (",a.length,")"]}),a.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noSessions")}):e.jsx("div",{className:"space-y-2",children:a.map(t=>e.jsxs("a",{href:`/code/${t.id}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate font-medium text-text-primary",children:t.title||t.id}),e.jsx("span",{className:"rounded-full bg-surface-2 px-2 py-0.5 text-xs text-text-muted",children:t.source||"unknown"})]}),e.jsx("div",{className:"truncate text-xs text-text-muted",children:t.id})]}),e.jsxs("div",{className:"ml-4 flex items-center gap-3",children:[e.jsx(u,{status:t.status}),e.jsx("span",{className:"text-xs text-text-muted",children:l(t.updated_at||t.created_at)})]})]},t.id))})]})]})})}export{j as AdminPanel};

package/packages/remote-control-server/web/dist/assets/ArtifactView-CT0Fu4U5.js

@@ -0,0 +1,6 @@
+import{e as r,j as e}from"./vendor-DE_-CLIE.js";import{ab as y,aq as b,V as j,al as s,K as N,aa as v,z as w}from"./main-B8hkVvfg.js";import{C as g}from"./copy-BD6qrRfd.js";import{E as k}from"./external-link-J-x6ty1h.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";/**
+ * @license lucide-react v0.555.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],_=y("refresh-cw",C);function A({artifactId:i,onBack:c}){b();const[t,x]=r.useState(null),[n,d]=r.useState(""),[m,o]=r.useState(!1),[p,u]=r.useState(0);r.useEffect(()=>{let a=!1;return j(i).then(l=>{a||x(l)}).catch(l=>{a||d(l instanceof Error?l.message:s("artifacts.viewNotFound"))}),()=>{a=!0}},[i]);const f=r.useCallback(async()=>{if(window.confirm(s("artifacts.delete")+" — "+i.slice(0,8)+"…?"))try{await N(i),c()}catch(a){alert(a instanceof Error?a.message:s("artifacts.deleteFailed"))}},[i,c]),h=r.useCallback(async()=>{if(!t)return;await v(`${window.location.origin}${t.url}`)&&(o(!0),setTimeout(()=>o(!1),1500))},[t]);return n?e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-status-error",children:s("artifacts.viewNotFound")}),e.jsx("p",{className:"mt-1 text-xs text-text-muted",children:n}),e.jsx("button",{type:"button",onClick:c,className:"mt-4 rounded-md border border-border px-4 py-2 text-sm text-text-secondary hover:bg-surface-2",children:s("artifacts.backToGallery")})]})}):t?e.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 border-b border-border bg-surface-1 px-4 py-2.5",children:[e.jsx("button",{type:"button",onClick:c,className:"text-sm text-text-muted hover:text-text-primary",children:s("artifacts.backToGallery")}),e.jsx("span",{className:"text-text-muted/40",children:"/"}),e.jsx("span",{className:"truncate font-medium text-text-primary",children:t.title||t.id.slice(0,12)}),e.jsxs("span",{className:"rounded-full bg-surface-3 px-2 py-0.5 text-[11px] text-text-muted",children:["v",t.version]}),t.session_id&&e.jsxs("a",{href:`/code/${t.session_id}`,className:"truncate font-mono text-[11px] text-text-muted hover:text-accent",title:t.session_id,children:[s("artifacts.session"),": ",t.session_id.slice(0,14),"…"]}),t.expires_at&&e.jsxs("span",{className:"text-[11px] text-text-muted",title:t.expires_at,children:[s("artifacts.expires"),": ",new Date(t.expires_at).toLocaleDateString()]}),e.jsxs("div",{className:"ml-auto flex items-center gap-1",children:[e.jsx("button",{type:"button",onClick:()=>u(a=>a+1),className:"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-text-secondary hover:bg-surface-2 hover:text-text-primary",title:s("common.loading"),children:e.jsx(_,{className:"h-3.5 w-3.5"})}),e.jsxs("button",{type:"button",onClick:h,className:"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-text-secondary hover:bg-surface-2 hover:text-text-primary",title:s("artifacts.copyLink"),children:[e.jsx(g,{className:"h-3.5 w-3.5"}),m&&e.jsx("span",{className:"text-status-active",children:s("artifacts.copied")})]}),e.jsx("a",{href:t.url,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-text-secondary hover:bg-surface-2 hover:text-text-primary",title:s("artifacts.openInNewTab"),children:e.jsx(k,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button",onClick:f,className:"inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-text-secondary hover:bg-status-error/10 hover:text-status-error",title:s("artifacts.delete"),children:e.jsx(w,{className:"h-3.5 w-3.5"})})]})]}),e.jsx("iframe",{src:`${t.url}${t.url.includes("?")?"&":"?"}_=${Date.now()}`,title:t.title||t.id,className:"min-h-0 w-full flex-1 border-0 bg-white",sandbox:"allow-scripts allow-popups allow-forms"},p)]}):e.jsx("div",{className:"flex flex-1 items-center justify-center text-text-muted",children:s("common.loading")})}export{A as ArtifactView};