diff --git a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/hosting/page.tsx b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/hosting/page.tsx
index e242421..919d631 100644
--- a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/hosting/page.tsx
+++ b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/hosting/page.tsx
@@ -479,7 +479,7 @@ function EmptySection({
           <span
             style={{ fontStyle: "italic", fontSize: "0.8rem", color: INK.mid }}
           >
-            "{promptSuggestion}"
+            &quot;{promptSuggestion}&quot;
           </span>
         </div>
       )}
@@ -558,6 +558,87 @@ const cardTitle: React.CSSProperties = {
   fontSize: "0.95rem",
   fontWeight: 700,
   color: INK.ink,
+};
+const statusLine: React.CSSProperties = {
+  fontSize: "0.8rem",
+  color: INK.mid,
+  marginBottom: 12,
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  flexWrap: "wrap",
+};
+const urlRow: React.CSSProperties = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  background: "#f8f5f0",
+  borderRadius: 6,
+  padding: "8px 12px",
+  marginBottom: 2,
+};
+const urlLink: React.CSSProperties = {
+  fontSize: "0.85rem",
+  color: INK.ink,
+  textDecoration: "none",
+  flex: 1,
+  minWidth: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 4,
+};
+const actionBtn: React.CSSProperties = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 6,
+  padding: "6px 12px",
+  border: `1px solid ${INK.border}`,
+  borderRadius: 6,
+  background: "#fff",
+  cursor: "pointer",
+  font: "inherit",
+  fontSize: "0.78rem",
+  fontWeight: 600,
+  color: INK.mid,
+  transition: "background 0.1s, border-color 0.1s",
+};
+const iconBtn: React.CSSProperties = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 26,
+  height: 26,
+  border: "none",
+  background: "transparent",
+  cursor: "pointer",
+  color: INK.muted,
+  borderRadius: 4,
+  flexShrink: 0,
+};
+const logsToggleBtn: React.CSSProperties = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 6,
+  fontSize: "0.75rem",
+  fontWeight: 600,
+  color: INK.mid,
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  font: "inherit",
+  padding: 0,
+};
+const logsBox: React.CSSProperties = {
+  marginTop: 10,
+  background: "#1a1a1a",
+  borderRadius: 6,
+  padding: "12px 14px",
+  maxHeight: 320,
+  overflowY: "auto",
+};
 const logsPre: React.CSSProperties = {
   margin: 0,
   fontFamily: "ui-monospace, monospace",
@@ -567,6 +648,7 @@ const logsPre: React.CSSProperties = {
   whiteSpace: "pre-wrap",
   wordBreak: "break-all",
 };
+
 const emptyBox: React.CSSProperties = {
   border: `1px dashed ${INK.border}`,
   borderRadius: 10,