cloud-hosting-platform/site-builder
6
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(site-builder): Sitesmith business profile wizard and one-click section regenerate

Browse Source 
5-step profile wizard (name/type, services, area, tone, palette preview) saved to
extras.sitesmithProfile and sent with every Sitesmith request. Regenerate this
section rewrites the selected block for the business as a single undo step.

Refs #58

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
shadowdaoandClaude Sonnet 5.5 committed 2026-10-07 11:55:33 -07:00
1 parent 8860349c9b
commit 220f560972
12 files changed
+1017 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

craft/src/styles/editor.css
+61
View File
@@ -2557,3 +2557,64 @@ body {
}
.palette-dot:first-child { margin-left: 0; }
/* ===== #58 Sitesmith business profile ===== */
.sitesmith-wiz {
width: min(480px, 92vw);
background: var(--color-bg-elevated);
color: var(--color-text);
border: 1px solid var(--color-border);
border-radius: 12px;
padding: 20px 22px;
display: flex;
flex-direction: column;
gap: 14px;
}
.sitesmith-wiz-dots { display: flex; gap: 6px; justify-content: center; }
.sitesmith-wiz-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-border); }
.sitesmith-wiz-dot.done { background: var(--color-text-muted); }
.sitesmith-wiz-dot.active { background: var(--color-accent); }
.sitesmith-wiz-body { display: flex; flex-direction: column; gap: 8px; min-height: 170px; }
.sitesmith-wiz-title { margin: 0 0 4px; font-size: 16px; font-weight: 600; }
.sitesmith-wiz-label { font-size: 12px; color: var(--color-text-muted); margin-top: 4px; }
.sitesmith-wiz-hint { margin: 0; font-size: 12px; color: var(--color-text-muted); }
.sitesmith-wiz-input {
background: var(--color-bg-base);
color: var(--color-text);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
padding: 8px 10px;
font-size: 14px;
}
.sitesmith-wiz-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.sitesmith-wiz-chip {
display: inline-flex; align-items: center; gap: 4px;
background: var(--color-accent-subtle); border-radius: 999px; padding: 2px 4px 2px 10px; font-size: 12px;
}
.sitesmith-wiz-chip button { background: none; border: none; color: inherit; cursor: pointer; font-size: 14px; line-height: 1; }
.sitesmith-wiz-tones { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sitesmith-wiz-tone {
display: flex; flex-direction: column; gap: 2px; text-align: left; cursor: pointer;
background: var(--color-bg-base); color: var(--color-text);
border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 10px;
}
.sitesmith-wiz-tone span { font-size: 12px; color: var(--color-text-muted); }
.sitesmith-wiz-tone.active { border-color: var(--color-accent); box-shadow: 0 0 0 2px var(--color-accent-subtle); }
.sitesmith-wiz-error { font-size: 12px; color: var(--color-danger); }
.sitesmith-wiz-footer { display: flex; align-items: center; gap: 8px; }
.sitesmith-wiz-btn { border-radius: var(--radius-sm); padding: 7px 14px; font-size: 13px; cursor: pointer; border: 1px solid var(--color-border); }
.sitesmith-wiz-btn.ghost { background: transparent; color: var(--color-text-muted); }
.sitesmith-wiz-btn.primary { background: var(--color-accent); border-color: var(--color-accent); color: #fff; font-weight: 600; }
.sitesmith-profile-line {
display: flex; align-items: center; gap: 8px; font-size: 12px; color: #a1a1aa; margin-bottom: 8px;
}
.sitesmith-profile-edit, .sitesmith-profile-open {
background: transparent; border: 1px solid #3f3f46; color: inherit; border-radius: 4px; padding: 2px 8px; font-size: 12px; cursor: pointer;
}
.sitesmith-profile-open { width: 100%; padding: 7px 10px; color: var(--color-text); border-color: var(--color-border); }
.sitesmith-regenerate-btn {
align-self: flex-start; margin-bottom: 10px; background: #7c3aed; color: #fff; border: none;
border-radius: 6px; padding: 7px 14px; font-size: 13px; font-weight: 500; cursor: pointer;
}
.sitesmith-regenerate-btn:disabled { opacity: 0.6; cursor: not-allowed; }