('export_release', { release: result.buildId });
+ if (dest) notice = `개발 결과를 내보냈습니다: ${dest}`;
+ } else if (name === 'apply-json') {
+ await saved(); report = null; plan = null; notice = 'JSON을 저장했습니다. 입력 검사를 실행하세요.';
+ }
+ } catch (error) { failure = String(error); if (name === 'build') plan = null; }
+ finally { busy = false; building = false; render(); }
+}
+function content() {
+ if (!doc) return '';
+ const p = doc.project, m = p.formats.msix, a = m.applications[0];
+ if (tab === 6) return renderRegistryEditor(p.registry ?? [], busy || jsonDraft !== null);
+ if (tab === 0) return `${field('앱 표시명', 'product.displayName', p.product.displayName)}${field('게시자 표시명', 'product.manufacturer', p.product.manufacturer)}${field('프로젝트 ID', 'projectId', p.projectId)}${field('제품 표시 버전', 'product.displayVersion', p.product.displayVersion, '패키지의 4부분 버전과 별도로 관리합니다.')}
프로젝트에는 제품 설정을, 로컬 설정에는 이 PC의 소스·SDK 경로를 저장합니다.
`;
+ if (tab === 1) return `소스 폴더 ${p.sources.map(s => `${esc(s.alias)} ${esc(doc!.local.sources[s.alias] ?? '폴더가 연결되지 않았습니다.')}
폴더 선택 실행 항목과 자산 ${a ? `${field('실행 파일', 'formats.msix.applications.0.executable', a.executable, '소스 경로가 아닌 패키지 내부 경로입니다.')}${field('앱 ID', 'formats.msix.applications.0.id', a.id)}${field('작은 로고 · 44 × 44 PNG', 'formats.msix.applications.0.square44x44Logo', a.square44x44Logo)}${field('타일 로고 · 150 × 150 PNG', 'formats.msix.applications.0.square150x150Logo', a.square150x150Logo)}
` : '실행 항목이 없습니다. 프로젝트 JSON에서 추가하세요.
'}
+ 포함 규칙 ${p.files.map(r => `
${esc(r.id)} ${esc(r.source)} → ${esc(r.targetRelativePath || '/')}포함 ${esc(r.include.join(', '))} · 제외 ${esc(r.exclude.join(', ') || '없음')}
`).join('')}
규칙·소스 alias·의존성은 아래 프로젝트 JSON에서 편집할 수 있습니다.
`;
+ if (tab === 2) return `${field('Identity Name', 'formats.msix.identity.name', m.identity.name)}${field('Publisher', 'formats.msix.identity.publisher', m.identity.publisher, '예: CN=Example Publisher. 인증서 Subject와 일치해야 합니다.')}${field('패키지 버전', 'formats.msix.identity.version', m.identity.version, '예: 1.0.0.0 · 각 부분은 0~65535')}${select('아키텍처', 'formats.msix.identity.architecture', m.identity.architecture, ['x64', 'arm64', 'x86'])}${field('최소 Windows 버전', 'formats.msix.minimumOsVersion', m.minimumOsVersion)}
설치 위치는 Windows에서 관리합니다. 현재 runFullTrust를 사용하는 단일 Win32 앱을 지원합니다.
`;
+ if (tab === 3) return renderSigningEditor(p.signing.mode, doc.local.developerCertificateThumbprint, certificates, busy || jsonDraft !== null);
+ if (tab === 4) return `직접 배포 전체 MSIX 패키지 버전을 올린 전체 MSIX를 생성하는 경로를 제공합니다. 자동 업데이트용 App Installer 생성과 실제 업데이트 시험은 후속 구현입니다.
자동 업데이트 연결 미구현
현재 delivery=package, distribution=direct만 지원합니다.
`;
+ return `Windows SDK · MakeAppx.exe ${esc(doc.local.makeAppx ?? '도구를 선택하세요.')}
도구 선택 출력 대상${p.targets.map(t => `${esc(t.id)} `).join('')}
+ 입력 검사 빌드 계획 생성 MSIX 빌드 ${building ? '취소 요청 ' : ''}
+ ${plan ? `계획 준비됨 · ${plan.files.length}개 파일 ${esc(plan.id)}실행 직전에 프로젝트·입력 파일·SDK 해시를 다시 비교합니다.
` : ''}
+ ${report ? `입력 검사 결과 ${report.diagnostics.length ? report.diagnostics.map(d => `${esc(d.code)} ${esc(d.message)} ${esc(d.fieldPath)} · ${esc(d.remediation)} 입력 검사를 통과했습니다.
'}${fileTable(report.files)}` : ''}
+ ${result ? `테스트용 빌드 결과 MSIX 생성 완료 ${esc(result.artifact)}내용 · identity 검사 통과 서명 ${esc(signingStatus(result.signing, result.signingReport))} 설치 시험 notRun 일반 배포 준비 아니요 SHA-256 ${esc(result.sha256)}결과 · 보고서 내보내기 파일 검색 패키지 경로 바이트 ${visible.slice(0, 200).map(f => `${esc(f.target)} ${esc(f.bytes)}
${visible.length}개 중 최대 200개 표시 `;
+}
+function render() {
+ root.classList.toggle('start-mode', !doc);
+ if (!doc) {
+ root.innerHTML = renderStartScreen({ projects: recentProjects, query: recentQuery, busy, loading: recentLoading, error: failure, notice, recentError, native: isTauri() });
+ bindActions(root);
+ root.querySelector('#recent-search')?.addEventListener('input', event => {
+ recentQuery = (event.target as HTMLInputElement).value;
+ const list = root.querySelector('#recent-list')!;
+ list.innerHTML = renderRecentList(recentProjects, recentQuery, busy, recentLoading);
+ bindActions(list);
+ });
+ return;
+ }
+ root.innerHTML = `
+
+ ${doc ? `BUILD YOUR PACKAGE ${tabs[tab]} ${['앱의 이름과 표시 정보를 설정하세요.', '패키지에 담을 실제 파일과 자산을 연결하세요.', 'Windows가 앱을 식별하는 정보를 설정하세요.', '생성과 서명 상태를 구분해 확인하세요.', '현재 제공하는 배포 경로를 확인하세요.', '입력을 확인하고 재현 가능한 빌드 계획을 만드세요.'][tab] ?? '레지스트리 키와 값을 설정하세요.'}
프로젝트 JSON 편집 포함·제외 규칙, 추가 소스, 의존성 등 모든 v2 설정을 편집합니다. 알 수 없는 필드는 저장 시 거부합니다.
JSON 적용 · 저장
+ ${doc ? `
PACKAGE OVERVIEW ${esc(doc.project.product.displayName.slice(0, 1) || 'M')}
${esc(doc.project.product.displayName)} ${esc(doc.project.product.manufacturer)}
${esc(doc.project.formats.msix.identity.architecture)} · MSIX 패키지 버전 ${esc(doc.project.formats.msix.identity.version)} 설치 위치 Windows 관리 서명 모드 ${doc.project.signing.mode === 'development' ? '개발자 서명 · 테스트용' : '미서명'} 입력 검사 통과와 패키지 생성은 설치·업데이트 시험의 완료를 의미하지 않습니다.
${esc(doc.path)} ` : ''}
${esc(failure || notice || '프로젝트를 만들거나 열어 주세요.')} ${busy ? '작업 중… ' : 'LOCAL '} `;
+ bindActions(root);
+ root.querySelectorAll('[data-tab]').forEach(el => el.addEventListener('click', () => { tab = Number(el.dataset.tab); render(); }));
+ root.querySelectorAll('[data-field]').forEach(el => el.addEventListener('input', () => {
+ setField(el.dataset.field!, el.value);
+ if (el.dataset.field === 'signing.mode') { render(); return; }
+ if (el.dataset.field === 'formats.msix.identity.publisher') certificates = [];
+ // Keep the focused node alive: replacing the form on blur can swallow the next button click.
+ const jsonEditor = root.querySelector('#json-editor');
+ if (jsonEditor && jsonDraft === null) jsonEditor.value = JSON.stringify(doc!.project, null, 2);
+ const buildButton = root.querySelector('[data-action="build"]');
+ if (buildButton) buildButton.disabled = true;
+ const status = root.querySelector('footer > span');
+ if (status) status.textContent = failure || notice;
+ }));
+ root.querySelectorAll('[data-location]').forEach(el => el.addEventListener('click', () => {
+ const path = el.dataset.location!;
+ tab = path.startsWith('signing') ? 3 : path.startsWith('registry') ? 6 : path.startsWith('product') || path === 'projectId' ? 0 : path.startsWith('files') || path.startsWith('sources') || path.includes('applications') ? 1 : 2;
+ render(); root.querySelector(`[data-field="${CSS.escape(path)}"]`)?.focus();
+ }));
+ root.querySelector('#file-filter')?.addEventListener('change', e => { fileFilter = (e.target as HTMLInputElement).value; render(); });
+ root.querySelector('#json-editor')?.addEventListener('input', e => { jsonDraft = (e.target as HTMLTextAreaElement).value; dirty = true; plan = null; });
+}
+window.addEventListener('keydown', e => { if (doc && (e.ctrlKey || e.metaKey) && e.key === 's') { e.preventDefault(); void action('save'); } });
+window.addEventListener('beforeunload', e => { if (dirty || building) { e.preventDefault(); e.returnValue = ''; } });
+render();
+void setupWindowChrome(async () => {
+ if (busy || building) { notice = '작업이 끝난 뒤 창을 닫아 주세요.'; render(); return false; }
+ busy = true; render();
+ try { return await allowProjectTransition(dirty, () => askSaveDecision(true), saved); }
+ finally { busy = false; render(); }
+}, error => { failure = String(error); render(); }).catch(error => { failure = String(error); render(); });
+void refreshRecent().then(() => { if (!doc) render(); });
diff --git a/src/apps/desktop/src/project-transition.ts b/src/apps/desktop/src/project-transition.ts
new file mode 100644
index 0000000..dec41c6
--- /dev/null
+++ b/src/apps/desktop/src/project-transition.ts
@@ -0,0 +1,14 @@
+export type SaveDecision = 'save' | 'discard' | 'cancel';
+
+/** Saving must finish successfully before a caller is allowed to replace/close the session. */
+export async function allowProjectTransition(
+ dirty: boolean,
+ decide: () => Promise,
+ save: () => Promise,
+): Promise {
+ if (!dirty) return true;
+ const choice = await decide();
+ if (choice === 'cancel') return false;
+ if (choice === 'save') await save();
+ return true;
+}
diff --git a/src/apps/desktop/src/start-screen.css b/src/apps/desktop/src/start-screen.css
new file mode 100644
index 0000000..1120589
--- /dev/null
+++ b/src/apps/desktop/src/start-screen.css
@@ -0,0 +1,210 @@
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+}
+
+.start-mode {
+ color-scheme: dark;
+ background: var(--color-bg);
+ color: var(--color-text);
+}
+
+main.start-screen {
+ width: 100%;
+ margin: 0;
+ padding: 32px 32px 48px;
+}
+
+.start-brand {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ font-size: 34px;
+ font-weight: 750;
+ letter-spacing: -1.2px;
+ line-height: 1.2;
+}
+
+.brand-logo {
+ display: block;
+ flex-shrink: 0;
+ object-fit: contain;
+ border-radius: 12px;
+ user-select: none;
+ pointer-events: none;
+}
+
+.brand-wordmark {
+ color: #f5f5f7;
+ white-space: nowrap;
+}
+
+.brand-wordmark b {
+ color: #b18af4;
+ font-weight: inherit;
+}
+
+.sidebar .brand {
+ gap: 8px;
+ margin-left: 6px;
+ margin-right: 6px;
+ font-weight: 750;
+ letter-spacing: -.6px;
+ line-height: 1.1;
+}
+
+.sidebar .brand-wordmark b {
+ display: block;
+ margin-top: 3px;
+}
+
+.start-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) 344px;
+ gap: 82px;
+ max-width: 1200px;
+ margin: 28px 0 0;
+}
+
+.start-section-title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ margin-bottom: 18px;
+}
+
+.start-section-title h1, .start-actions h2 {
+ margin: 0;
+ font-size: 21px;
+ font-weight: 400;
+ letter-spacing: -.5px;
+}
+
+.start-screen button {
+ color: var(--color-text);
+ border-radius: 0;
+}
+
+
+
+
+
+.recent-search {
+ display: block;
+ position: relative;
+ width: min(320px, 100%);
+ margin-bottom: 20px;
+}
+
+.recent-search input {
+ width: 100%;
+ height: 28px;
+ padding: 4px 32px 4px 8px;
+ color: var(--color-text);
+ background: var(--color-surface);
+ border: 1px solid var(--color-input-border);
+ border-radius: 0;
+ font-size: 12px;
+}
+
+.recent-search input::placeholder { color: var(--color-subtle); }
+.recent-search input::-webkit-search-cancel-button { margin-right: 10px; }
+.recent-search svg { position: absolute; right: 8px; top: 6px; width: 15px; height: 15px; stroke: var(--color-muted); stroke-width: 1.8; pointer-events: none; }
+.recent-list { max-height: calc(100vh - 210px); overflow: auto; scrollbar-color: var(--color-input-border) var(--color-bg); padding-right: 4px; }
+.recent-group { margin-bottom: 20px; }
+.recent-group h3 { margin: 0 0 8px; font-size: 12px; color: var(--color-text); font-weight: 500; }
+.recent-group h3::before { content: '▾'; margin-right: 11px; color: var(--color-subtle); }
+.recent-group ul { padding: 0; margin: 0; list-style: none; }
+.recent-row { display: flex; align-items: center; gap: 3px; min-width: 0; border-radius: 3px; }
+.recent-row:hover, .recent-row:focus-within { background: var(--color-panel); }
+
+.start-screen .recent-project {
+ display: flex;
+ flex: 1;
+ min-width: 0;
+ gap: 10px;
+ align-items: flex-start;
+ padding: 10px 6px 10px 24px;
+ border: 0;
+ background: transparent;
+ text-align: left;
+}
+
+.start-screen .recent-project:hover:not(:disabled) { background: transparent; }
+.recent-icon { flex-shrink: 0; width: 23px; height: 23px; color: var(--color-subtle); }
+.recent-icon svg, .empty-project-icon svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.5; }
+.recent-icon svg path:last-child { stroke: var(--color-accent-text); }
+.recent-info { min-width: 0; display: block; width: 100%; }
+.recent-topline { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
+.recent-topline strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; }
+.recent-topline time { color: var(--color-muted); font-size: 10px; font-weight: 400; white-space: nowrap; }
+.recent-path { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 400; color: var(--color-muted); margin-top: 7px; }
+.recent-missing { display: block; font-size: 10px; color: var(--color-warning); font-weight: 400; margin-top: 6px; }
+.unavailable .recent-icon { opacity: .5; }
+.start-screen .recent-remove { border: 0; background: transparent; color: var(--color-subtle); font-size: 20px; line-height: 1; padding: 7px; opacity: .55; }
+.start-screen .recent-remove:hover:not(:disabled), .recent-row:focus-within .recent-remove { opacity: 1; background: var(--color-hover); color: #fff; }
+.recent-empty { padding: 46px 18px; border: 1px dashed var(--color-border); border-radius: 4px; text-align: center; color: var(--color-muted); font-size: 12px; }
+.empty-project-icon { display: block; width: 37px; height: 37px; color: var(--color-accent-text); margin: 0 auto 20px; }
+.recent-empty h3 { color: var(--color-text); margin: 0 0 10px; font-weight: 500; }
+.recent-empty p { color: var(--color-subtle); font-size: 12px; margin: 0; }
+.start-actions h2 { margin-bottom: 18px; }
+
+.start-screen .start-action {
+ display: flex;
+ width: 100%;
+ min-height: 78px;
+ align-items: flex-start;
+ gap: 14px;
+ padding: 12px 16px;
+ margin-bottom: 5px;
+ text-align: left;
+ background: var(--color-control);
+ border: 1px solid var(--color-border);
+ font-weight: 400;
+}
+
+.start-screen .start-action:hover:not(:disabled) { background: var(--color-hover); border-color: var(--color-focus); }
+.start-action-icon { width: 31px; height: 31px; flex-shrink: 0; color: var(--color-warning); margin-top: 2px; }
+.start-action-icon.new { color: var(--color-accent-text); }
+.start-action-icon svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.6; }
+.start-action strong { display: block; font-size: 20px; font-weight: 400; letter-spacing: -.5px; }
+.start-action small { display: block; color: var(--color-text); font-size: 12px; margin-top: 3px; line-height: 1.4; }
+.start-arrow { margin-left: auto; color: var(--color-subtle); align-self: center; }
+.start-screen .recent-warning { padding: 12px; border-left: 2px solid var(--color-warning); background: var(--color-warning-bg); color: var(--color-warning); font-size: 11px; overflow-wrap: anywhere; }
+.start-footer { left: 0; background: var(--color-bg); border: 0; color: var(--color-subtle); min-height:32px; padding:8px 32px; }
+.start-footer .error-text { color: var(--color-error); }
+.start-screen button:focus-visible, .start-screen input:focus-visible { outline-color: var(--color-focus); }
+
+.project-confirm {
+ color-scheme: dark;
+ width: min(480px, calc(100vw - 48px));
+ padding: 28px;
+ border: 1px solid var(--color-border);
+ border-radius: 12px;
+ color: var(--color-text);
+ background: var(--color-surface);
+ box-shadow: 0 24px 90px #0004;
+}
+
+.project-confirm::backdrop { background: #0009; }
+.project-confirm h2 { margin: 0 0 16px; font-size: 20px; }
+.project-confirm p { font-size: 13px; color: var(--color-muted); overflow-wrap: anywhere; }
+.confirm-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 28px; }
+
+@media (max-width: 1100px) {
+ .start-grid { gap: 64px; grid-template-columns: minmax(0, 1fr) 344px; }
+ .recent-topline { gap: 8px; }
+}
+
+@media (max-width: 760px) {
+ .start-grid { grid-template-columns: 1fr; gap: 36px; margin-top: 36px; }
+ .start-brand small { display: none; }
+ .recent-list { max-height: 44vh; }
+}
diff --git a/src/apps/desktop/src/start-screen.ts b/src/apps/desktop/src/start-screen.ts
new file mode 100644
index 0000000..8d602bb
--- /dev/null
+++ b/src/apps/desktop/src/start-screen.ts
@@ -0,0 +1,53 @@
+export type RecentProject = {
+ id: string;
+ path: string;
+ displayName: string;
+ lastOpenedAt: number;
+ available: boolean;
+};
+
+const escape = (value: unknown) => String(value ?? '').replace(/[&<>"']/g,
+ char => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' })[char]!);
+
+export function displayPath(path: string): string {
+ if (path.startsWith('\\\\?\\UNC\\')) return `\\\\${path.slice(8)}`;
+ return path.startsWith('\\\\?\\') ? path.slice(4) : path;
+}
+
+export function groupRecentProjects(projects: RecentProject[], query: string, now = new Date()) {
+ const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+ const week = new Date(today);
+ week.setDate(week.getDate() - ((week.getDay() + 6) % 7));
+ const month = new Date(now.getFullYear(), now.getMonth(), 1);
+ const groups = new Map();
+ const needle = query.trim().toLocaleLowerCase();
+ for (const project of [...projects].sort((a, b) => b.lastOpenedAt - a.lastOpenedAt)) {
+ if (!`${project.displayName} ${displayPath(project.path)}`.toLocaleLowerCase().includes(needle)) continue;
+ const date = new Date(project.lastOpenedAt * 1000);
+ const group = date >= today ? '오늘' : date >= week ? '이번 주' : date >= month ? '이번 달' : '이전';
+ if (!groups.has(group)) groups.set(group, []);
+ groups.get(group)!.push(project);
+ }
+ return groups;
+}
+
+const projectIcon = `최근 프로젝트를 불러오는 중입니다…
';
+ const groups = groupRecentProjects(projects, query);
+ if (!groups.size) return `${projectIcon} ${query.trim() ? '검색 결과가 없습니다' : '최근 프로젝트가 없습니다'} ${query.trim() ? '프로젝트 이름이나 경로로 다시 검색하세요.' : '오른쪽에서 프로젝트를 열거나 새로 만드세요.
${group} ${items.map(project => {
+ const date = new Date(project.lastOpenedAt * 1000);
+ const validDate = Number.isFinite(date.getTime());
+ const timestamp = validDate ? date.toLocaleString('ko-KR', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) : '날짜 알 수 없음';
+ return `${projectIcon} ${escape(project.displayName)} ${escape(timestamp)} ${escape(displayPath(project.path))} ${project.available ? '' : '파일을 찾을 수 없습니다 · 위치를 확인하세요 '}× Installer Studio
최근 프로젝트 열기 최근 프로젝트 검색 ${escape(recentError)}
` : ''}${renderRecentList(projects, query, busy, loading)}
시작 ${openIcon} 프로젝트 열기 저장된 MSIX 프로젝트 파일을 열고 ${newIcon} 새 프로젝트 만들기 앱 파일과 패키지 정보를 설정하고 화면 미리보기입니다. 실제 프로젝트 작업은 데스크톱 앱에서 사용할 수 있습니다.
' : ''}, onError: (error: unknown) => void) {
+ const host = document.querySelector('#window-chrome')!;
+ host.innerHTML = `
`;
+ if (!isTauri()) {
+ host.querySelectorAll('button').forEach(button => button.disabled = true);
+ return;
+ }
+ const win = getCurrentWindow();
+ const run = (operation: () => Promise) => { void operation().catch(onError); };
+ // Both the custom close button and Alt+F4 use the same save/cancel guard.
+ await win.onCloseRequested(async event => {
+ event.preventDefault();
+ try { if (await canClose()) await win.destroy(); } catch (error) { onError(error); }
+ });
+ host.querySelector('#window-minimize')!.addEventListener('click', () => run(() => win.minimize()));
+ host.querySelector('#window-maximize')!.addEventListener('click', () => run(() => win.toggleMaximize()));
+ host.querySelector('#window-close')!.addEventListener('click', () => run(() => win.close()));
+ // Delegate so project changes and re-renders keep their empty backgrounds draggable.
+ document.addEventListener('mousedown', event => {
+ if (event.button !== 0 || event.defaultPrevented || document.querySelector('dialog[open]')) return;
+ const target = event.target;
+ if (!(target instanceof HTMLElement)) return;
+ // Keep controls, text editing, and expandable panels working normally.
+ if (target.closest('button, a, input, select, textarea, label, summary, details, [contenteditable]:not([contenteditable="false"]), [role="button"], [data-action], [data-no-drag]')) return;
+ const titleDrag = target.matches('.window-drag');
+ const emptyBackground = target.matches('body, #app, main, header, footer, aside, nav, section, .start-grid, .start-section-title, .recent-list, .recent-row, .recent-empty, .workspace, .form-grid, .actions, .source-row, .rules, .state-card, .check-row, .sidebar-bottom, .registry-toolbar, .registry-card');
+ if (!titleDrag && !emptyBackground) return;
+ // Do not intercept directly rendered text or native scrollbars.
+ if ([...target.childNodes].some(node => node.nodeType === Node.TEXT_NODE && node.textContent?.trim())) return;
+ const bounds = target.getBoundingClientRect();
+ if (event.clientX >= bounds.left + target.clientLeft + target.clientWidth || event.clientY >= bounds.top + target.clientTop + target.clientHeight) return;
+ event.preventDefault();
+ run(() => titleDrag && event.detail === 2 ? win.toggleMaximize() : win.startDragging());
+ });
+ const updateMaximize = async () => {
+ const maximized = await win.isMaximized();
+ const button = host.querySelector('#window-maximize')!;
+ button.title = maximized ? '이전 크기로 복원' : '최대화';
+ button.setAttribute('aria-label', button.title);
+ button.innerHTML = maximized
+ ? ' 
Installer Studio