DEV Community: Rahul

Testcraft Studio frontend 37: src/seed.js

Rahul — Wed, 21 Oct 2026 07:43:43 +0000

import { normalizeAccessModel } from './access.js';
const now = '2026-10-14T09:30:00+05:30';
export const categories = ['Technical', 'Functional / Bug Information', 'Business'];
export const defaultFields = ['Test ID', 'Title', 'Owner team', 'Category', 'Requirement', 'Objective', 'Preconditions', 'Test data', 'Steps', 'Expected result', 'Priority', 'Evidence', 'Review status'];
export const teamNames = { MCM: 'Membership and Collateral Management', RMS: 'Risk Management' };
export const canonicalTeamName = name => ['membership', 'mcm', 'membership and collateral management', 'membership & collateral management'].includes(name.trim().toLowerCase()) ? 'MCM' : name.trim();
const rule = (id, title, text, source) => ({ id, title, text, source });
const rules = [rule('VAL-001', 'Identifier format', 'Validate the identifier against the approved format.', 'd1'), rule('VAL-002', 'Required identifier', 'The member identifier is required in an incoming request.', 'd2'), rule('VAL-003', 'Identifier source', 'Validate the identifier using the approved source list.', 'd1')];
const document = (id, name, kind, category, excerpt, extra = {}) => ({ id, name, kind, category, excerpt, size: 'Sample', status: 'Ready', revision: 2, team: 'RMS', date: now, synthetic: true, ...extra });
function makeRmsSeed() {
  return structuredClone({
    schema: 1,
    session: { team: 'RMS', role: 'user', name: 'RMS User', authenticated: false },
    activeWorkspaceId: 'w1042',
    teams: ['RMS', 'Securities', 'Membership', 'Forex', 'Derivatives'],
    baselines: [
      { id: 'b1', ref: 'RMS-B1', team: 'RMS', version: '1.2', status: 'Approved', description: 'Reusable RMS message reception and member validation knowledge.', scope: 'Message reception', sourceIds: ['d1', 'd2', 'd5'], rules, incorporatedCRs: [], createdAt: now },
      { id: 'b2', ref: 'RMS-B2', team: 'RMS', version: '2.0', status: 'Approved', description: 'Approved RMS knowledge including explicit identifier rejection.', scope: 'Message reception', sourceIds: ['d1', 'd2', 'd3', 'd5'], rules: rules.map(r => r.id === 'VAL-002' ? { ...r, text: 'Reject a request with a missing required member identifier.', source: 'd3' } : r), incorporatedCRs: ['cr1042'], createdAt: now },
      { id: 'bs1', ref: 'SEC-B1', team: 'Securities', version: '1.0', status: 'Approved', description: 'Sample Securities-owned settlement knowledge.', scope: 'Settlement', sourceIds: [], rules: [], incorporatedCRs: [], createdAt: now },
    ],
    crs: [
      { id: 'cr1042', ref: 'CR-1042', team: 'RMS', name: 'Member identifier validation', revision: 2, requires: [], conflicts: ['cr1073'], changes: [{ ruleId: 'VAL-002', op: 'REPLACE', title: 'Required identifier', before: rules[1].text, after: 'Reject a request with a missing required member identifier.', source: 'd3' }] },
      { id: 'cr1051', ref: 'CR-1051', team: 'RMS', name: 'Settlement limit controls', revision: 1, requires: [], conflicts: [], changes: [{ ruleId: 'LIMIT-001', op: 'ADD', title: 'Settlement limit', before: '', after: 'Apply the approved participant settlement limit. Numeric limits remain symbolic sample fixtures.', source: 'd6' }] },
      { id: 'cr1068', ref: 'CR-1068', team: 'RMS', name: 'Participant status updates', revision: 1, requires: ['cr1051'], conflicts: [], changes: [{ ruleId: 'STATUS-001', op: 'ADD', title: 'Participant status', before: '', after: 'Validate the participant status before applying a settlement limit.', source: 'd6' }] },
      { id: 'cr1073', ref: 'CR-1073', team: 'RMS', name: 'Retire required identifier check', revision: 1, requires: [], conflicts: ['cr1042'], changes: [{ ruleId: 'VAL-002', op: 'REMOVE', title: 'Required identifier', before: rules[1].text, after: '', source: 'd3' }] },
    ],
    workspaces: [
      { id: 'w1042', ref: 'CR-1042', name: 'Member identifier validation', purpose: 'Review changes to member validation at the RMS message boundary.', team: 'RMS', baselineId: 'b1', crIds: ['cr1042'], version: 1, visibility: 'team', members: ['RMS'], updatedAt: now, requirementCount: 4, sharedContractIds: ['dshared'] },
      { id: 'w1051', ref: 'CR-1051', name: 'Settlement limit controls', purpose: 'Verify participant settlement controls.', team: 'RMS', baselineId: 'b2', crIds: ['cr1051'], version: 1, visibility: 'team', members: ['RMS'], updatedAt: now, requirementCount: 4, sharedContractIds: [] },
      { id: 'w1068', ref: 'CR-1068', name: 'Participant status updates', purpose: 'Review status and limit dependencies.', team: 'RMS', baselineId: 'b2', crIds: ['cr1051', 'cr1068'], version: 1, visibility: 'private', members: ['RMS'], updatedAt: now, requirementCount: 6, sharedContractIds: [] },
      { id: 'w1073', ref: 'CR-1073', name: 'Message acknowledgement', purpose: 'Collect evidence for message acknowledgement.', team: 'RMS', baselineId: 'b2', crIds: [], version: 1, visibility: 'team', members: ['RMS'], updatedAt: now, requirementCount: 3, sharedContractIds: [] },
    ],
    documents: [
      document('d1', 'RMS_Message_Processor.sql', 'SQL', 0, 'Synthetic example: member identifiers are checked against an approved format and source list. This is illustrative text, not actual Testcraft procedure logic.', { baselineId: 'b1', locator: 'Lines 18–32' }),
      document('d2', 'RMS_Receiving_BRD.pdf', 'PDF', 1, 'Synthetic requirement: the member identifier is required in an incoming request. The approved identifier validation rules continue to apply.', { baselineId: 'b1', locator: 'Page 7 · Section 4.2' }),
      document('d3', 'CR-1042_Requirements.docx', 'DOCX', 1, 'Synthetic change: reject a request when the required member identifier is absent. Timeout and retry behavior are not defined by this example.', { workspaceId: 'w1042', crId: 'cr1042', locator: 'Section 4.2' }),
      document('d4', 'Member_Validation_Screen.pdf', 'PDF', 0, 'Synthetic screen reference: the member identifier is a request field. No concrete error code or screen behavior is established here.', { workspaceId: 'w1042', locator: 'Page 2 · Fields' }),
      document('d5', 'Member_Lifecycle.md', 'MD', 2, 'Synthetic context: participants submit messages to RMS. This context explains terms and roles; expected behavior is established by functional requirements.', { baselineId: 'b1', locator: 'Participant roles' }),
      document('d6', 'Settlement_Controls.md', 'MD', 1, 'Synthetic requirement: apply the approved settlement limit for the participant. Use symbolic fixture APPROVED_LIMIT; this example does not establish numeric policy.', { workspaceId: 'w1051', crId: 'cr1051', locator: 'Section 2' }),
      document('dshared', 'Securities_Message_Contract.pdf', 'PDF', 0, 'Synthetic shared interface contract describes the request boundary. Timeout, retries, fallback, and duplicate handling are unspecified.', { team: 'Securities', sharedWith: ['RMS'], locator: 'v2.1 · Interface behavior', revision: '2.1' }),
    ],
    questions: [
      { id: 'q1', workspaceId: 'w1042', version: 1, requirement: 'REQ-RMS-03', title: 'What timeout should RMS apply?', why: 'The shared interface contract does not define the timeout for a delayed response.', requested: 'Provide the approved timeout rule, applicability, and source revision.', sourceId: 'dshared', status: 'open', answer: '' },
      { id: 'q2', workspaceId: 'w1042', version: 1, requirement: 'REQ-RMS-03', title: 'What is the approved retry and fallback behavior?', why: 'Retry, fallback, and duplicate-handling rules are absent from the selected evidence.', requested: 'Provide the retry limit, fallback rule, duplicate handling, and a source reference.', sourceId: 'dshared', status: 'open', answer: '' },
      { id: 'q3', workspaceId: 'w1068', version: 1, requirement: 'REQ-RMS-06', title: 'Which participant statuses can proceed?', why: 'The sample source does not enumerate approved statuses.', requested: 'Attach the approved status definition or provide a source-backed answer.', sourceId: 'd6', status: 'open', answer: '' },
    ],
    threads: {},
    templates: [{ id: 't1', name: 'Testcraft structured test case', team: 'RMS', version: 1, description: 'Evidence and requirement traceability with team review.', fields: defaultFields, visibility: 'team' }, { id: 't2', name: 'Compact regression checklist', team: 'RMS', version: 1, description: 'A concise checklist for focused regression reviews.', fields: ['Test ID', 'Title', 'Category', 'Steps', 'Expected result', 'Evidence', 'Review status'], visibility: 'team' }],
    suites: [{ id: 's1', name: 'Settlement controls · Review suite', workspaceId: 'w1051', version: 1, baselineId: 'b2', crIds: ['cr1051'], templateId: 't1', provisional: false, status: 'Ready for review', createdAt: now, gaps: [], tests: [{ id: 'TC-RMS-001', title: 'Accept a request within the approved limit', category: 'Positive', requirement: 'LIMIT-001', objective: 'Verify an eligible request follows the approved limit rule.', preconditions: 'Approved participant and limit fixture available.', data: 'ELIGIBLE_PARTICIPANT, APPROVED_LIMIT', steps: ['Prepare the approved participant fixture.', 'Submit a request within APPROVED_LIMIT.', 'Observe the outcome.'], expected: 'The request is accepted under the approved sample limit rule.', priority: 'High', rationale: 'Core participant limit behavior.', sourceIds: ['d6'], status: 'Generated', notes: '' }, { id: 'TC-RMS-002', title: 'Reject a request exceeding the approved limit', category: 'Negative', requirement: 'LIMIT-001', objective: 'Verify a request outside the approved limit is rejected.', preconditions: 'Approved limit fixture available.', data: 'EXCEEDS_APPROVED_LIMIT', steps: ['Prepare an above-limit request.', 'Submit the request.', 'Check the validation outcome.'], expected: 'The above-limit request is rejected under the sample rule.', priority: 'High', rationale: 'Prevents acceptance outside approved controls.', sourceIds: ['d6'], status: 'Generated', notes: '' }] }],
    candidates: [{ id: 'c1', ref: 'RMS-B3', team: 'RMS', parentId: 'b2', crIds: ['cr1051'], description: 'Incorporate settlement limit controls into reusable RMS knowledge.', status: 'Pending review', revision: 1, createdAt: now, decisions: [] }],
    jobs: [],
    shares: [{ id: 'share1', sourceId: 'dshared', owner: 'Securities', consumer: 'RMS', status: 'Active' }],
    settings: { reasoningModel: '', extractionModel: '', embeddingModel: '', gateway: '', retryLimit: 2 },
    audit: [{ id: 'a1', action: 'Sample knowledge initialized', actor: 'Demo fixture', at: now }],
  });
}

const teamCollections = ['baselines', 'crs', 'workspaces', 'documents', 'questions', 'templates', 'suites', 'candidates', 'shares'];

function mcmSamples() {
  const source = makeRmsSeed();
  const workspaceIds = new Set(source.workspaces.filter(w => w.team === 'RMS').map(w => w.id));
  const records = Object.fromEntries(teamCollections.map(key => [key, source[key].filter(item =>
    item.team === 'RMS' || workspaceIds.has(item.workspaceId) || item.consumer === 'RMS'
  )]));
  const ids = new Map(Object.values(records).flat().map(item => [item.id, `mcm-${item.id}`]));
  // Remap every internal reference, while retaining the Securities-owned shared contract.
  const copy = value => {
    if (typeof value === 'string') return ids.get(value) || value.replaceAll('RMS', 'MCM');
    if (Array.isArray(value)) return value.map(copy);
    if (value && typeof value === 'object') return Object.fromEntries(Object.entries(value).map(([key, item]) => [key, copy(item)]));
    return value;
  };
  return copy(records);
}

export function upgradeDemoState(state) {
  if (state.demoTeamVersion >= 2) return normalizeMembershipTeam(state);
  const samples = mcmSamples();
  for (const key of teamCollections) {
    const existing = new Set(state[key].map(item => item.id));
    state[key].push(...samples[key].filter(item => !existing.has(item.id)));
  }
  state.teams = ['MCM', ...state.teams.filter(team => team !== 'MCM')];
  const contract = state.documents.find(d => d.id === 'dshared');
  if (contract && !contract.sharedWith.includes('MCM')) contract.sharedWith.push('MCM');
  const role = state.session.role === 'administrator' ? 'administrator' : 'user';
  const label = role === 'administrator' ? 'Administrator' : 'User';
  state.session = { team: 'MCM', role, name: `MCM ${label}` };
  state.activeWorkspaceId = 'mcm-w1042';
  state.demoTeamVersion = 2;
  return normalizeMembershipTeam(state);
}

function normalizeMembershipTeam(state) {
  state.teams = ['MCM', ...new Set(state.teams.map(canonicalTeamName).filter(team => team !== 'MCM'))];
  for (const key of teamCollections) for (const item of state[key]) {
    for (const field of ['team', 'owner', 'consumer']) if (item[field]) item[field] = canonicalTeamName(item[field]);
    if (item.sharedWith) item.sharedWith = [...new Set(item.sharedWith.map(canonicalTeamName))];
    if (item.members) item.members = [...new Set(item.members.map(name => name.replace(/^Membership /, 'MCM ')))];
  }
  state.session.team = canonicalTeamName(state.session.team);
  state.session.name = state.session.name.replace(/^Membership /, 'MCM ');
  state.demoTeamVersion = 3;
  return normalizeAccessModel(state);
}

export function makeSeed() {
  return upgradeDemoState(makeRmsSeed());
}

Testcraft Studio frontend 47: tests/frontend.test.mjs

Rahul — Wed, 21 Oct 2026 07:42:54 +0000

import test, { after } from 'node:test';
import assert from 'node:assert/strict';
import React from 'react';
import { renderToStaticMarkup } from 'react-dom/server';
import { createServer } from 'vite';
import { readFile } from 'node:fs/promises';

const server = await createServer({ server: { middlewareMode: true, hmr: false }, appType: 'custom' });
after(() => server.close());
const { makeSeed: makeMcmSeed, upgradeDemoState } = await server.ssrLoadModule('/src/seed.js');
function makeSeed() { const state = makeMcmSeed(); state.session = { team: 'RMS', role: 'user', name: 'RMS User', authenticated: true }; state.activeWorkspaceId = 'w1042'; return state; }
const { resolveSelection, readiness, eligibleDocuments, bumpVersion, contextKey, csv, parseCsv, StoreProvider } = await server.ssrLoadModule('/src/store.jsx');
const { makeDemoSuite } = await server.ssrLoadModule('/src/generation.js');
const { default: App } = await server.ssrLoadModule('/src/AppShell.jsx');
const { authenticateTeam, hashPassword, addTeam, documentInputIssues, baselineInputIssues, saveClarification } = await server.ssrLoadModule('/src/access.js');
const { canApprove, visibleWorkspaces, roleLabels } = await server.ssrLoadModule('/src/store.jsx');
const { approvalBlockers } = await server.ssrLoadModule('/src/pages/Approvals.jsx');
const { stageFile } = await server.ssrLoadModule('/src/files.js');
const { requestBaseline, requestBaselineMerge, decideBaseline } = await server.ssrLoadModule('/src/baseline.js');
const { makeFreshState } = await server.ssrLoadModule('/src/store.jsx');
const { readTemplate, readZip } = await server.ssrLoadModule('/src/excel.js');
const { buildChatRequest, interpretChatRequest, requestWorkspaceAssistant, saveChatDraft, assertChatContext } = await server.ssrLoadModule('/src/chatAssistant.js');
const { suiteExport } = await server.ssrLoadModule('/src/suiteExport.js');

function chatFixture() {
  const state = makeMcmSeed(); state.session = { team: 'MCM', role: 'user', name: 'MCM User', authenticated: true };
  const workspace = state.workspaces.find(item => item.id === state.activeWorkspaceId);
  state.threads[contextKey(workspace)] = { workspaceId: workspace.id, team: workspace.team, version: workspace.version, messages: [] };
  return { state, workspace, messages: state.threads[contextKey(workspace)].messages };
}
async function chatReply(fixture, prompt, options = {}) {
  const { state, workspace, messages } = fixture;
  const request = buildChatRequest(state, workspace, { prompt, templateId: 'mcm-t1', messages, ...options });
  const response = await requestWorkspaceAssistant(request, { state });
  messages.push({ id: `user-${messages.length}`, role: 'user', actor: 'MCM User', content: prompt, at: new Date().toISOString() });
  const message = { ...response, id: `assistant-${messages.length}`, role: 'assistant', actor: 'Workspace assistant', at: new Date().toISOString() };
  messages.push(message); return message;
}

test('chat separates questions, source requests, typed generation and follow-up refinements', () => {
  assert.equal(interpretChatRequest('What does the member identifier requirement say?').intent, 'question');
  assert.equal(interpretChatRequest('Generate technical test cases', { kind: 'Business' }).kind, 'Technical');
  assert.equal(interpretChatRequest('Generate test cases', { kind: 'Business' }).kind, 'Business');
  const previousDraft = { kind: 'Technical' };
  assert.deepEqual([interpretChatRequest('Only negative scenarios', { previousDraft }).intent, interpretChatRequest('Only negative scenarios', { previousDraft }).kind], ['refine', 'Technical']);
  assert.equal(interpretChatRequest('Show sources for these test cases', { previousDraft }).intent, 'sources');
  assert.equal(interpretChatRequest('Generate 1000 technical tests').count, 1000);
});

test('technical chat cases use technical sources and retain exact approved expected behavior', async () => {
  const f = chatFixture(), response = await chatReply(f, 'Generate technical test cases');
  assert.equal(response.engine, 'local-evidence'); assert.equal(response.draft.kind, 'Technical');
  assert.deepEqual(response.draft.tests.map(test => test.requirement), ['VAL-001', 'VAL-003']);
  assert.ok(response.draft.tests.every(test => test.sourceIds.every(id => f.state.documents.find(doc => doc.id === id)?.category === 0)));
  for (const test of response.draft.tests) assert.equal(test.expected, f.state.baselines.find(b => b.id === f.workspace.baselineId).rules.find(rule => rule.id === test.requirement).text);
  assert.equal(response.citations[0].revision, 2); assert.match(response.citations[0].locator, /Lines/);
  assert.ok(!response.citations.some(citation => ['d1', 'd2', 'mcm-d2'].includes(citation.id)));
  const large = await chatReply(f, 'Generate 1000 technical test cases');
  assert.equal(large.draft.tests.length, 2); assert.match(large.content, /not filled the requested count/);
  const missing = await chatReply(f, 'Generate negative technical test cases');
  assert.equal(missing.draft, undefined); assert.match(missing.content, /does not support negative technical/);
});

test('source follow-ups cite the preceding answer and support opening its pinned revision', async () => {
  const f = chatFixture(), answer = await chatReply(f, 'What is the required member identifier behavior?');
  assert.match(answer.content, /missing required member identifier/);
  const sources = await chatReply(f, 'Show sources for this answer');
  assert.equal(sources.intent, 'sources');
  assert.deepEqual(sources.citations.map(item => item.id).sort(), answer.citations.map(item => item.id).sort());
  assert.ok(sources.citations.every(citation => citation.excerpt && citation.name && citation.revision));
  const sourceList = await chatReply(chatFixture(), 'Show sources for the selected knowledge');
  assert.ok(sourceList.citations.length > 0);
  const unknown = await chatReply(f, 'What is the approved quantum banana timeout?');
  assert.ok(!unknown.draft); assert.ok(!unknown.content.includes('30 seconds'));
});

test('chat refinements preserve previous drafts, filter to documented scenarios, and respect selected CR scope', async () => {
  const f = chatFixture(), original = await chatReply(f, 'Generate functional test cases');
  const originalCopy = structuredClone(original.draft);
  const refined = await chatReply(f, 'Only negative scenarios');
  assert.equal(refined.draft.tests.length, 1); assert.equal(refined.draft.tests[0].requirement, 'VAL-002');
  assert.equal(refined.draft.tests[0].expected, 'Reject a request with a missing required member identifier.');
  assert.deepEqual(original.draft, originalCopy);
  const scoped = await chatReply(f, 'Generate functional test cases for CR-1042');
  assert.deepEqual(scoped.draft.tests.map(test => test.requirement), ['VAL-002']);
  const unavailable = await chatReply(f, 'Generate technical test cases for CR-9999');
  assert.equal(unavailable.draft, undefined); assert.match(unavailable.content, /not in the selected workspace/);
});

test('chat drafts save once as independent reviewable suites and export the selected template columns', async () => {
  const f = chatFixture();
  f.state.templates.find(t => t.id === 'mcm-t1').fields = ['Test ID', 'Type', 'Title', 'Expected result', 'Evidence', 'Review batch'];
  const reply = await chatReply(f, 'Generate technical test cases'), before = f.state.suites.length;
  const id = saveChatDraft(f.state, f.workspace, reply.id);
  assert.equal(saveChatDraft(f.state, f.workspace, reply.id), id); assert.equal(f.state.suites.length, before + 1);
  const saved = f.state.suites.find(suite => suite.id === id);
  saved.tests[0].notes = 'Reviewed'; assert.equal(reply.draft.tests[0].notes, '');
  saved.tests[0].customFields['Review batch'] = 'Office review';
  f.state.templates.find(t => t.id === 'mcm-t1').fields.push('Later header');
  f.state.documents.find(d => d.id === 'mcm-d1').revision = 9;
  const rows = parseCsv(suiteExport(f.state, f.workspace, saved).content);
  assert.deepEqual(rows[0], ['Test ID', 'Type', 'Title', 'Expected result', 'Evidence', 'Review batch']);
  assert.equal(rows[1][1], 'Technical'); assert.match(rows[1][4], /revision 2/); assert.ok(!rows[1][4].includes('revision 9'));
  assert.equal(rows[1][5], 'Office review');
  assert.throws(() => saveChatDraft(f.state, f.workspace, reply.id), /knowledge changed/);
});

test('knowledge changes, revoked access and history prevent stale chat drafts being saved or refined', async () => {
  const f = chatFixture(), response = await chatReply(f, 'Generate technical test cases');
  const request = buildChatRequest(f.state, f.workspace, { prompt: 'What is the identifier format?', templateId: 'mcm-t1', messages: f.messages });
  f.state.documents.find(d => d.id === 'mcm-d1').excerpt += ' Changed extraction.';
  assert.throws(() => assertChatContext(f.state, request), /knowledge changed/);
  assert.throws(() => saveChatDraft(f.state, f.workspace, response.id), /knowledge changed/);
  assert.throws(() => buildChatRequest(f.state, f.workspace, { prompt: 'Add negative scenarios', messages: f.messages }), /Generate a new draft/);
  assert.throws(() => saveChatDraft(f.state, f.workspace, response.id, 'historic:1'), /read-only/);
  const fresh = chatFixture(), pending = buildChatRequest(fresh.state, fresh.workspace, { prompt: 'Show sources', templateId: 'mcm-t1', messages: [] });
  fresh.state.shares.find(share => share.consumer === 'MCM').status = 'Revoked';
  await assert.rejects(requestWorkspaceAssistant(pending, { state: fresh.state }), /knowledge changed/);
});

test('chat transport honors cancellation and rejects fabricated citations and malformed cases', async () => {
  const f = chatFixture(), request = buildChatRequest(f.state, f.workspace, { prompt: 'Generate technical test cases', templateId: 'mcm-t1' });
  const abort = new AbortController(); abort.abort();
  await assert.rejects(requestWorkspaceAssistant(request, { state: f.state, signal: abort.signal }), { name: 'AbortError' });
  const during = new AbortController();
  await assert.rejects(requestWorkspaceAssistant(request, { state: f.state, signal: during.signal, transport: async () => { during.abort(); return {}; } }), { name: 'AbortError' });
  await assert.rejects(requestWorkspaceAssistant(request, { state: f.state, transport: async () => ({ content: 'Answer', citations: [{ id: 'd1', revision: 2 }] }) }), /invalid evidence/);
  await assert.rejects(requestWorkspaceAssistant(request, { state: f.state, transport: async () => ({ content: 'Answer', citations: [{ id: 'mcm-d1', revision: 99 }] }) }), /invalid evidence/);
  const valid = await requestWorkspaceAssistant(request, { state: f.state });
  valid.draft.tests[0].steps = [42];
  await assert.rejects(requestWorkspaceAssistant(request, { state: f.state, transport: async () => valid }), /invalid test-case draft/);
});

test('chat draft controls and suite deep links render with the existing application shell', async () => {
  const f = chatFixture(); await chatReply(f, 'Generate technical test cases');
  globalThis.location = { hash: '#chat' };
  globalThis.localStorage = { getItem: key => key === 'testcraft-studio-v2' ? JSON.stringify(f.state) : null };
  const html = renderToStaticMarkup(React.createElement(StoreProvider, null, React.createElement(App)));
  assert.ok(html.includes('Technical test cases')); assert.ok(html.includes('Save to test suite')); assert.ok(html.includes('Chat test-case template')); assert.ok(html.includes('Upload Excel template'));
  const message = f.messages.at(-1), id = saveChatDraft(f.state, f.workspace, message.id);
  globalThis.location = { hash: `#suites?suite=${id}` };
  const suite = renderToStaticMarkup(React.createElement(StoreProvider, null, React.createElement(App)));
  assert.ok(suite.includes('Verify identifier format')); assert.ok(suite.includes('Technical tests'));
});

test('document uploads retain readable content, checksum, category, and original file', async () => {
  const saved = [];
  globalThis.indexedDB = { open() { const request = {}; queueMicrotask(() => {
    request.result = { objectStoreNames: { contains: () => true }, close() {}, transaction() {
      const transaction = { objectStore: () => ({ put(file, id) { saved.push({ file, id }); queueMicrotask(() => transaction.oncomplete()); } }) };
      return transaction;
    } }; request.onsuccess();
  }); return request; } };
  const original = new File(['abc'], 'MCM_context.txt', { type: 'text/plain' });
  const document = await stageFile(original, { team: 'MCM', category: 2 });
  assert.equal(document.excerpt, 'abc');
  assert.equal(document.checksum, 'ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad');
  assert.equal(document.category, 2);
  assert.equal(saved[0].file, original); assert.equal(saved[0].id, document.id);
  await assert.rejects(stageFile(new File([], 'empty.txt'), {}), /empty/);
  await assert.rejects(stageFile(new File(['abc'], 'program.exe'), {}), /use PDF/);
  delete globalThis.indexedDB;
});

test('blocked browser file storage produces a retryable error instead of an endless upload', async () => {
  globalThis.indexedDB = { open() { const request = {}; queueMicrotask(() => request.onblocked()); return request; } };
  await assert.rejects(stageFile(new File(['abc'], 'context.txt'), {}), /storage is busy/);
  delete globalThis.indexedDB;
});

test('baseline approval checks knowledge selection without blocking on optional questions', () => {
  const state = makeSeed(), candidate = state.candidates[0];
  assert.deepEqual(approvalBlockers(state, candidate), []);
  candidate.crIds.push('cr1068');
  assert.deepEqual(approvalBlockers(state, candidate), []);
});

test('shared team passwords select only User or Administrator access', async () => {
  const state = makeMcmSeed();
  assert.deepEqual(Object.keys(roleLabels), ['user', 'administrator']);
  const normal = await authenticateTeam(state, 'MCM', 'team-demo');
  const admin = await authenticateTeam(state, 'MCM', 'admin-demo');
  assert.equal(normal.role, 'user'); assert.equal(admin.role, 'administrator');
  assert.equal(canApprove({ ...state, session: normal }), false);
  assert.equal(canApprove({ ...state, session: admin }), true);
  await assert.rejects(authenticateTeam(state, 'MCM', 'incorrect'), /password does not match/);
  await assert.rejects(authenticateTeam(state, 'Unknown', 'team-demo'), /Choose a team/);
});

test('only Administrators add teams, with separate shared and admin passwords', async () => {
  const state = makeMcmSeed();
  const userHash = await hashPassword('new-team-password'), adminHash = await hashPassword('new-admin-password');
  state.session = await authenticateTeam(state, 'MCM', 'team-demo');
  assert.throws(() => addTeam(state, 'New Team', userHash, adminHash), /Only an Administrator/);
  state.session = await authenticateTeam(state, 'MCM', 'admin-demo');
  addTeam(state, 'New Team', userHash, adminHash);
  assert.equal((await authenticateTeam(state, 'New Team', 'new-team-password')).role, 'user');
  assert.equal((await authenticateTeam(state, 'New Team', 'new-admin-password')).role, 'administrator');
  await assert.rejects(authenticateTeam(state, 'New Team', 'team-demo'), /password does not match/);
});

test('baseline and CR uploads need one document in any category, never all three', () => {
  const state = makeSeed();
  assert.equal(baselineInputIssues(state, 'New baseline', []).length, 1);
  assert.equal(documentInputIssues([]).length, 1);
  for (const category of [0, 1, 2]) {
    const docs = [{ id: `single-${category}`, category }];
    assert.deepEqual(baselineInputIssues(state, 'New baseline', docs), []);
    assert.deepEqual(documentInputIssues(docs), []);
  }
});

test('Users resolve source-backed questions without a reviewer approval step', () => {
  const state = makeSeed(), workspace = state.workspaces[0];
  const docs = eligibleDocuments(state, workspace);
  for (const question of state.questions.filter(q => q.workspaceId === workspace.id)) saveClarification(state, workspace, question.id, 'Synthetic supported behavior', 'dshared', 'Sample contract v2.1, interface section', docs);
  assert.equal(readiness(state, workspace).ready, true);
  assert.ok(state.questions.filter(q => q.workspaceId === workspace.id).every(q => q.status === 'resolved'));
  assert.equal(visibleWorkspaces(state).length, 4);
});

test('MCM is the default team with complete isolated demo data', () => {
  const state = makeMcmSeed();
  assert.equal(state.session.team, 'MCM');
  assert.equal(state.teams[0], 'MCM');
  const workspace = state.workspaces.find(w => w.id === state.activeWorkspaceId);
  assert.equal(workspace.team, 'MCM');
  assert.ok(eligibleDocuments(state, workspace).some(d => d.name === 'MCM_Message_Processor.sql'));
  assert.ok(eligibleDocuments(state, workspace).every(d => d.team === 'MCM' || d.id === 'dshared'));
  assert.deepEqual(resolveSelection(state, workspace.baselineId, workspace.crIds).issues, []);
  const reviewWorkspace = state.workspaces.find(w => w.id === 'mcm-w1051');
  assert.equal(readiness(state, reviewWorkspace).ready, true);
  assert.ok(makeDemoSuite(state, reviewWorkspace, 'mcm-t1', false).tests.length > 0);
});

test('MCM migration preserves existing data and later team choices', () => {
  const state = makeSeed();
  state.demoTeamVersion = undefined;
  state.documents.find(d => d.id === 'd1').excerpt = 'Existing local review';
  state.threads['w1042:1'] = [{ content: 'Existing conversation' }];
  const counts = Object.fromEntries(['workspaces', 'documents', 'suites'].map(key => [key, state[key].length]));
  upgradeDemoState(state);
  assert.equal(state.session.team, 'MCM');
  assert.equal(state.documents.find(d => d.id === 'd1').excerpt, 'Existing local review');
  assert.equal(state.threads['w1042:1'][0].content, 'Existing conversation');
  for (const key of Object.keys(counts)) assert.equal(state[key].length, counts[key]);
  state.session.team = 'RMS';
  state.session.name = 'RMS Normal User';
  state.session.authenticated = true;
  state.audit.push({ id: 'legacy-user-label', actor: 'RMS Normal User', action: 'Signed in to RMS as Normal User' });
  upgradeDemoState(state);
  assert.equal(state.session.team, 'RMS');
  assert.equal(state.session.name, 'RMS User');
  assert.equal(state.session.authenticated, true);
  assert.equal(state.audit.at(-1).actor, 'RMS User');
  assert.equal(state.audit.at(-1).action, 'Signed in to RMS as User');
});

test('Membership is an alias of MCM and existing records retain their references', () => {
  const state = makeMcmSeed();
  state.teams.push('Membership');
  state.workspaces.push({ ...state.workspaces[0], id: 'membership-workspace', team: 'Membership', members: ['Membership Reviewer'] });
  state.documents.push({ ...state.documents[0], id: 'membership-source', team: 'Membership', sharedWith: ['Membership', 'MCM'] });
  state.shares.push({ id: 'membership-share', sourceId: 'membership-source', owner: 'Membership', consumer: 'RMS', status: 'Active' });
  state.session = { team: 'Membership', role: 'reviewer', name: 'Membership Reviewer' };
  delete state.accessModelVersion;
  state.activeWorkspaceId = 'membership-workspace';
  upgradeDemoState(state);
  assert.equal(state.teams.filter(t => t === 'MCM').length, 1);
  assert.ok(!state.teams.includes('Membership'));
  assert.equal(state.session.name, 'MCM User');
  assert.equal(state.activeWorkspaceId, 'membership-workspace');
  assert.equal(state.workspaces.find(w => w.id === 'membership-workspace').team, 'MCM');
  assert.deepEqual(state.documents.find(d => d.id === 'membership-source').sharedWith, ['MCM']);
  assert.equal(state.shares.find(g => g.id === 'membership-share').owner, 'MCM');
});

test('all application pages render their intended content', () => {
  const cases = [
    ['overview', 'Workspace overview'], ['workspaces', 'Your workspaces'], ['baselines', 'System Baselines'],
    ['workspace', 'Functional / Bug Information'], ['versions', 'Knowledge diff'], ['chat', 'Workspace chat'],
    ['readiness', 'Generate test cases'], ['suites', 'Accept scenario'], ['templates', 'Template library'],
    ['approvals', 'Exact manifest SHA-256'], ['graph', 'Interactive source-backed dependency graph'],
    ['admin', 'Configured teams'], ['login', 'Welcome back'],
  ];
  for (const [page, expected] of cases) {
    const state = makeSeed();
    if (page === 'admin') state.session.role = 'administrator';
    if (page === 'suites') state.activeWorkspaceId = 'w1051';
    globalThis.location = { hash: `#${page}` };
    globalThis.localStorage = { getItem: key => key === 'ccil-studio-demo-v1' ? JSON.stringify(state) : null };
    const html = renderToStaticMarkup(React.createElement(StoreProvider, null, React.createElement(App)));
    assert.ok(html.includes(expected), `${page} must render ${expected}`);
    assert.ok(!/Team Baseline|Demo role|Baseline Approver|Reviewer|Contributor|Frontend demo|Local frontend demo|One shared login for your team/.test(html), `${page} must use the clean shared team access model`);
    assert.ok(!html.includes('Planned for the complete frontend'), `${page} must not contain prototype placeholders`);
  }
});

test('application pages require the shared team sign-in form', () => {
  const state = makeMcmSeed();
  globalThis.location = { hash: '#overview' };
  globalThis.localStorage = { getItem: key => key === 'ccil-studio-demo-v1' ? JSON.stringify(state) : null };
  const html = renderToStaticMarkup(React.createElement(StoreProvider, null, React.createElement(App)));
  assert.ok(html.includes('System password'));
  assert.ok(!html.includes('Workspace overview'));
  assert.ok(!html.includes('Demo role'));
  assert.ok(!html.includes('Sample team passwords'));
  assert.ok(!html.includes('team-demo'));
  assert.ok(!html.includes('admin-demo'));
});

test('a newly configured team sees useful empty states on every page', () => {
  const state = makeSeed(); state.teams.push('New Team'); state.session = { team: 'New Team', role: 'user', name: 'New Team User', authenticated: true }; state.activeWorkspaceId = '';
  globalThis.localStorage = { getItem: key => key === 'ccil-studio-demo-v1' ? JSON.stringify(state) : null };
  for (const page of ['overview', 'workspaces', 'baselines', 'workspace', 'versions', 'chat', 'readiness', 'suites', 'templates', 'approvals', 'graph', 'admin']) {
    globalThis.location = { hash: `#${page}` };
    assert.doesNotThrow(() => renderToStaticMarkup(React.createElement(StoreProvider, null, React.createElement(App))), page);
  }
});

test('knowledge resolution rejects prerequisites, conflicts, and incorporated CRs', () => {
  const s = makeSeed();
  assert.ok(resolveSelection(s, 'b1', ['cr1068']).issues.some(i => i.includes('requires CR-1051')));
  assert.ok(resolveSelection(s, 'b1', ['cr1042', 'cr1073']).issues.some(i => i.includes('conflicts')));
  assert.ok(resolveSelection(s, 'b2', ['cr1042']).issues.some(i => i.includes('already incorporated')));
  assert.equal(resolveSelection(s, 'b1', ['cr1051', 'cr1068']).issues.length, 0);
});

test('partial replacement preserves unchanged knowledge and suppresses obsolete source text', () => {
  const s = makeSeed(), w = s.workspaces[0];
  s.questions.filter(q => q.workspaceId === w.id).forEach(q => { q.status = 'resolved'; q.answer = 'Approved sample behavior'; q.sourceReference = 'Sample contract revision 2.1'; });
  const suite = makeDemoSuite(s, w, 't1', false);
  assert.equal(suite.tests.find(t => t.requirement === 'VAL-002').expected, 'Reject a request with a missing required member identifier.');
  assert.ok(suite.tests.some(t => t.requirement === 'VAL-001'));
  assert.ok(suite.tests.some(t => t.requirement === 'VAL-003'));
  assert.ok(!eligibleDocuments(s, w).some(d => d.id === 'd2'));
});

test('REMOVE excludes deleted rules and their obsolete evidence from current generation', () => {
  const s = makeSeed(), w = s.workspaces[0]; w.crIds = ['cr1073'];
  s.questions = s.questions.filter(q => q.workspaceId !== w.id);
  const suite = makeDemoSuite(s, w, 't1', false);
  assert.ok(!suite.tests.some(t => t.requirement === 'VAL-002'));
  assert.ok(!eligibleDocuments(s, w).some(d => d.id === 'd2' || d.id === 'd3'));
});

test('open clarifications are optional and do not produce invented expected outcomes', () => {
  const s = makeSeed(), w = s.workspaces[0];
  const question = s.questions.find(q => q.workspaceId === w.id);
  for (let index = 0; index < 1000; index++) s.questions.push({ ...question, id: `optional-${index}` });
  assert.equal(readiness(s, w).ready, true);
  const suite = makeDemoSuite(s, w, 't1');
  assert.equal(suite.provisional, false); assert.equal(suite.status, 'Ready for review');
  assert.ok(suite.gaps.length >= 1000);
  assert.ok(suite.tests.every(test => test.expected !== 'Expected result unresolved' && test.sourceIds.length));
  w.baselineId = '';
  assert.throws(() => makeDemoSuite(s, w, 't1'), /active System Baseline/);
});

test('new installations start with no workspaces or baselines and retain default templates', () => {
  const state = makeFreshState();
  assert.equal(state.session.authenticated, false);
  assert.equal(state.workspaces.length, 0); assert.equal(state.baselines.length, 0);
  assert.ok(state.templates.some(template => template.team === 'MCM'));
});

test('baseline creation needs approval and only an Administrator can make it usable', async () => {
  const state = makeFreshState(); state.session = await authenticateTeam(state, 'MCM', 'team-demo');
  const workspace = { id: 'fresh-workspace', team: 'MCM', version: 1, baselineId: '', crIds: [], customRules: [], requirementCount: 0 };
  state.workspaces.push(workspace);
  const doc = { id: 'fresh-document', team: 'MCM', category: 0, name: 'source.md', revision: 1, checksum: 'abc' };
  const request = requestBaseline(state, { ref: 'Membership foundation' }, [doc], workspace.id);
  assert.equal(workspace.baselineId, ''); assert.equal(workspace.pendingBaselineId, request.baselineId);
  assert.ok(resolveSelection(state, request.baselineId, []).issues.length);
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /Only an Administrator/);
  state.session = await authenticateTeam(state, 'MCM', 'admin-demo');
  decideBaseline(state, request.id, 'Approved', 'Reviewed');
  assert.equal(workspace.baselineId, request.baselineId);
  assert.equal(state.baselines[0].status, 'Approved');
  assert.deepEqual(resolveSelection(state, request.baselineId, []).issues, []);
});

test('baseline edits add and remove documents only after approval, preserving the old version', async () => {
  const state = makeSeed(); state.session = await authenticateTeam(state, 'RMS', 'team-demo');
  const parent = state.baselines.find(item => item.id === 'b1'), workspace = state.workspaces[0], originalSources = [...parent.sourceIds];
  const addition = { id: 'new-source', team: 'RMS', name: 'revised.md', category: 1, revision: 1, checksum: 'new' };
  assert.throws(() => requestBaseline(state, { ref: parent.ref }, [], workspace.id, parent.id), /at least one/);
  const request = requestBaseline(state, { ref: parent.ref, description: 'Updated knowledge' }, [addition], workspace.id, parent.id);
  assert.equal(workspace.baselineId, parent.id); assert.deepEqual(parent.sourceIds, originalSources);
  state.session = await authenticateTeam(state, 'RMS', 'admin-demo');
  decideBaseline(state, request.id, 'Approved');
  assert.equal(workspace.baselineId, request.baselineId); assert.ok(workspace.version > 1);
  assert.deepEqual(parent.sourceIds, originalSources);
  assert.deepEqual(state.baselines.find(item => item.id === request.baselineId).sourceIds, ['new-source']);
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /already been decided/);
});

test('changed source revisions invalidate a pending baseline approval', async () => {
  const state = makeFreshState(); state.session = await authenticateTeam(state, 'MCM', 'team-demo');
  const request = requestBaseline(state, { ref: 'New baseline' }, [{ id: 'source', team: 'MCM', revision: 1, checksum: 'initial' }]);
  state.documents[0].checksum = 'changed'; state.session = await authenticateTeam(state, 'MCM', 'admin-demo');
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /changed or is unavailable/);
});

test('CR merges create a new baseline only after Administrator approval and retain the complete source set', async () => {
  const state = makeMcmSeed(); state.session = await authenticateTeam(state, 'MCM', 'team-demo');
  const workspace = state.workspaces.find(item => item.id === state.activeWorkspaceId);
  const parent = state.baselines.find(item => item.id === workspace.baselineId), original = structuredClone(parent), count = state.baselines.length;
  const contextDoc = { id: 'context-only', team: 'MCM', name: 'Business_context.md', revision: 1, status: 'Ready', checksum: 'context' };
  state.documents.push(contextDoc); parent.sourceIds.push(contextDoc.id); original.sourceIds.push(contextDoc.id);
  const request = requestBaselineMerge(state, workspace.id, 'MCM merged knowledge');
  assert.equal(state.baselines.length, count); assert.equal(workspace.baselineId, parent.id);
  assert.equal(request.status, 'Pending review'); assert.equal(request.type, 'changes');
  assert.throws(() => requestBaselineMerge(state, workspace.id, 'Duplicate request'), /pending baseline request/);
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /Only an Administrator/);
  state.session = await authenticateTeam(state, 'MCM', 'admin-demo');
  const created = decideBaseline(state, request.id, 'Approved', 'Reviewed CR sources', 'manifest-hash');
  assert.equal(state.baselines.length, count + 1); assert.equal(created.version, '2.0');
  assert.equal(created.parentId, parent.id); assert.equal(workspace.baselineId, created.id);
  assert.ok(created.sourceIds.includes(contextDoc.id));
  assert.ok(created.incorporatedCRs.includes('mcm-cr1042')); assert.deepEqual(workspace.crIds, []);
  assert.equal(created.rules.find(rule => rule.id === 'VAL-002').text, 'Reject a request with a missing required member identifier.');
  assert.equal(created.rules.find(rule => rule.id === 'VAL-001').text, original.rules.find(rule => rule.id === 'VAL-001').text);
  assert.deepEqual(parent, original);
});

test('pending CR merges reject source or CR revision changes and require reviewed selected evidence', async () => {
  const state = makeMcmSeed(); state.session = await authenticateTeam(state, 'MCM', 'team-demo');
  const workspace = state.workspaces.find(item => item.id === state.activeWorkspaceId);
  const source = state.documents.find(item => item.id === 'mcm-d3');
  source.status = 'Pending review';
  assert.throws(() => requestBaselineMerge(state, workspace.id, 'MCM merged knowledge'), /Review every selected/);
  source.status = 'Ready'; const request = requestBaselineMerge(state, workspace.id, 'MCM merged knowledge');
  source.revision += 1; state.session = await authenticateTeam(state, 'MCM', 'admin-demo');
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /document changed/);
  source.revision -= 1; state.crs.find(item => item.id === workspace.crIds[0]).revision += 1;
  assert.throws(() => decideBaseline(state, request.id, 'Approved'), /CR changed/);
});

test('template input validates headers, duplicates, invalid workbooks and file size', async () => {
  const imported = await readTemplate(new File(['Test ID,Title,Expected result\nTC-1,Accept member,Accepted'], 'format.csv'));
  assert.deepEqual(imported.fields, ['Test ID', 'Title', 'Expected result']);
  await assert.rejects(readTemplate(new File(['Title,title\nA,B'], 'duplicate.csv')), /unique name/);
  await assert.rejects(readTemplate(new File(['invalid'], 'invalid.xlsx')), /valid Excel/);
  await assert.rejects(readTemplate({ name: 'large.xlsx', size: 3 * 1024 * 1024 }), /smaller than 2 MB/);
});

test('Excel ZIP reader reads a real compressed workbook fixture', async () => {
  const workbook = await readFile(new URL('./fixtures/Membership_Test_Template.xlsx', import.meta.url));
  const zip = await readZip(workbook.buffer.slice(workbook.byteOffset, workbook.byteOffset + workbook.byteLength));
  assert.ok((await zip.get('xl/workbook.xml')()).includes('name="Test cases"'));
  const sheet = await zip.get('xl/worksheets/sheet1.xml')();
  assert.ok(sheet.includes('Expected result')); assert.ok(sheet.includes('Validate active member'));
});

test('version changes reset clarification readiness and preserve historic chat context', () => {
  const s = makeSeed(), w = s.workspaces[0], oldKey = contextKey(w);
  s.threads[oldKey] = { workspaceId: w.id, version: 1, messages: [{ content: 'Historic evidence' }] };
  s.questions.filter(q => q.workspaceId === w.id).forEach(q => { q.status = 'resolved'; q.answer = 'Old answer'; });
  bumpVersion(s, w);
  assert.notEqual(contextKey(w), oldKey);
  assert.equal(s.threads[oldKey].messages[0].content, 'Historic evidence');
  assert.equal(s.threads[contextKey(w)], undefined);
  const current = s.questions.filter(q => q.workspaceId === w.id && q.version === w.version);
  assert.equal(current.length, 2); assert.ok(current.every(q => q.status === 'open' && q.answer === ''));
});

test('revoked shared contracts leave scope and block generation', () => {
  const s = makeSeed(), w = s.workspaces[0];
  s.questions.filter(q => q.workspaceId === w.id).forEach(q => { q.status = 'resolved'; q.answer = 'Reviewed'; });
  assert.ok(eligibleDocuments(s, w).some(d => d.id === 'dshared'));
  s.shares[0].status = 'Revoked';
  assert.ok(!eligibleDocuments(s, w).some(d => d.id === 'dshared'));
  assert.equal(readiness(s, w).ready, false);
});

test('CSV round-trips quotes and multiline cells and neutralizes spreadsheet formulas', () => {
  const text = csv([['Title', 'Expected result'], ['A "quoted" title', 'Two\nlines'], ['=SUM(A1:A2)', 'literal']]);
  const rows = parseCsv(text);
  assert.equal(rows[1][0], 'A "quoted" title'); assert.equal(rows[1][1], 'Two\nlines');
  assert.equal(rows[2][0], "'=SUM(A1:A2)");
  assert.throws(() => parseCsv('"Unclosed'), /unclosed/);
});

test('selected templates retain immutable field snapshots and custom fields', () => {
  const s = makeSeed(), w = s.workspaces.find(w => w.id === 'w1051');
  s.templates[0].fields.push('Review batch');
  const suite = makeDemoSuite(s, w, 't1', false);
  assert.equal(suite.tests[0].customFields['Review batch'], '');
  s.templates[0].fields.push('Later field');
  assert.ok(!suite.templateSnapshot.fields.includes('Later field'));
  s.templates[0].visibility = 'workspace'; s.templates[0].workspaceId = 'w1042';
  assert.throws(() => makeDemoSuite(s, w, 't1', false), /accessible team template/);
});

Testcraft Studio frontend 46: tests/fixtures/Membership_Test_Template.xlsx.base64.txt

Rahul — Wed, 21 Oct 2026 07:42:51 +0000

UEsDBBQAAAAIAAUFU10cdPw42AAAAPYBAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbK2RvU4DMQzH
X+WUtWpcGDqgXhfKCgy8gJvz9aLLl2K3XN++uVAYUIGFyUr+Hz9L3rydE3EzeRe4VYNIegBgM5BH
1jFRKEofs0cpz3yAhGbEA8H9arUGE4NQkKXMHWq72VGPRyfN01S+2cbQqkyOVfP4YZxZrcKUnDUo
RYdT6L5RlleCLsnq4cEmXhSDgpuEWfkZcM29nChn21Hzilme0RcXTA7eYx73MY7695IbW8a+t4a6
aI6+RDSnTNjxQCTe6Tq1RxsWf/OrmaGOu39e5Kv/cw+o595eAFBLAwQUAAAACAAFBVNd/luGcooA
AADwAAAACwAAAF9yZWxzLy5yZWxzjc8xDsIwDAXQq1Q+QF0YGFDaiaUr4gImddqqTRw5QZTbk7Eg
Bkbrf70vmyuvlGcJaZpjqja/htTClHM8IyY7sadUS+RQEifqKZdTR4xkFxoZj01zQt0b0Jm9WfVD
C9oPB6hur8j/2OLcbPki9uE55B8TX40ik46cW9hWfIoud5GlLihgZ/Djwe4NUEsDBBQAAAAIAAUF
U13wKKdolAAAAOgAAAAPAAAAeGwvd29ya2Jvb2sueG1sjY8xDoMwDEWvEvkANXTogICpC3svkAbT
RJA4soPa4xdB2TvZ/3/5fbl9s8xP5tl84pK0A19KbhDVeYpWL5wpbcnEEm3ZpLxQs5Ad1ROVuOC1
qm4YbUhwEBr5h8HTFBzd2a2RUjkgQostgZP6kBX6dm/Q3zTJRurgQVqMs0oKZveHsYMajDRhW2QY
a8C+xfMUz+/6L1BLAwQUAAAACAAFBVNdtlSqz44AAADxAAAAGgAAAHhsL19yZWxzL3dvcmtib29r
LnhtbC5yZWxzjc89DsIwDAXgq1Q5QN0yMKAmE0tXxAWi1G2iNj+yjYDbEzGgIjEwWX6WvicPF9ys
hJzYh8LNI26JtfIi5QTAzmO03OaCqV7mTNFKXWmBYt1qF4RD1x2B9oYyw95sxkkrGqdeNddnwX/s
PM/B4Tm7W8QkPyrgnmlljygVtbSgaPWJGN6jb6uqwAzw9aF5AVBLAwQUAAAACAAFBVNdcGAEYGIB
AACBBAAAGAAAAHhsL3dvcmtzaGVldHMvc2hlZXQxLnhtbH2Uy27CMBBFf8XKvjiw6KIKkYCkJQuk
ChBbZJwpGTW2U3sI9O/rUISqymZnj3Xmda+cnY39dA0AsYtqtZsmDVH3wrmTDSjhRqYD7V8+jFWC
/NUeuessiPoKqZZP0vSZK4E6ybNrrBAk8syaM7PTZOyjcjjMxgmjaYK6RQ0bsj6OLs8o34IjVhUZ
pzzjQ4jLGzKPIkgtBIBFDHi3II2ukdBoFwCLh83VfqAAVMagDUEXqvIaA8pLB5KgZhbcqaUA+haf
DI1F+g4wy2i5HmvQMrTBKsasoUc4M20I/o3GvdJ3uSd3uSexjS6e0nQcUjtG7ESLXgJgQhL2wBSo
A9iQ/LEMqyvBBhPYmoleYCsOQQcVsRSzxbbalftVuZqX65AZYuDmdFBITNzadg12vpGvkzdWyCKx
NOtfxO9AQuetEvJIjF3isQn54/G6hk73c+FgeB6pUMUqliHkEP7nc+D3Xyf/AVBLAQIUABQAAAAI
AAUFU10cdPw42AAAAPYBAAATAAAAAAAAAAAAAACAAQAAAABbQ29udGVudF9UeXBlc10ueG1sUEsB
AhQAFAAAAAgABQVTXf5bhnKKAAAA8AAAAAsAAAAAAAAAAAAAAIABCQEAAF9yZWxzLy5yZWxzUEsB
AhQAFAAAAAgABQVTXfAop2iUAAAA6AAAAA8AAAAAAAAAAAAAAIABvAEAAHhsL3dvcmtib29rLnht
bFBLAQIUABQAAAAIAAUFU122VKrPjgAAAPEAAAAaAAAAAAAAAAAAAACAAX0CAAB4bC9fcmVscy93
b3JrYm9vay54bWwucmVsc1BLAQIUABQAAAAIAAUFU11wYARgYgEAAIEEAAAYAAAAAAAAAAAAAACA
AUMDAAB4bC93b3Jrc2hlZXRzL3NoZWV0MS54bWxQSwUGAAAAAAUABQBFAQAA2wQAAAAA

Testcraft Studio frontend 45: tests/fixtures/Membership_Revised.md

Rahul — Wed, 21 Oct 2026 07:41:42 +0000

# Membership and collateral - revised knowledge

Every membership request must contain a member identifier.
Reject a request when the member identifier is missing.
Validate the member status against the approved active-member list.
Apply the approved collateral eligibility rules and record an audit reference.

Testcraft Studio frontend 44: tests/fixtures/Membership_CR.md

Rahul — Wed, 21 Oct 2026 07:41:39 +0000

# Member status validation - change request

Before accepting a membership request, validate the member status.
Reject a request for an inactive member and show a clear validation message.
This change does not alter collateral eligibility rules.

Testcraft Studio frontend 43: tests/fixtures/Membership_Baseline.md

Rahul — Wed, 21 Oct 2026 07:40:52 +0000

# Membership and collateral - system knowledge

## Member identifier
Every membership request must contain a member identifier.
Reject a request when the member identifier is missing.
Accept a request with an active member and a valid identifier.

## Collateral review
Apply the approved collateral eligibility rules before accepting collateral.
Record an audit reference for every accepted collateral submission.

Testcraft Studio frontend 42: src/ui.jsx

Rahul — Wed, 21 Oct 2026 07:40:50 +0000

import React, { useEffect, useRef, useState } from 'react';
import Icon from './Icon.jsx';
import { useStudio, eligibleDocuments } from './store.jsx';
import { openOriginal, stageFile } from './files.js';

export const tones = { 'Approved': 'green', 'Ready': 'green', 'Reviewed locally': 'green', 'Ready for review': 'green', 'Accepted': 'green', 'Ready to generate': 'green', 'Needs clarification': 'amber', 'Pending review': 'amber', 'Submitted': 'blue', 'Staged': 'blue', 'Draft': 'neutral', 'Rejected': 'red', 'Revision requested': 'amber', 'PROVISIONAL': 'amber', 'Completed': 'green', 'Interrupted': 'amber', 'Cancelled': 'neutral' };
export function Badge({ children, tone, dot = true }) { return <span className={`badge badge-${tone || tones[children] || 'neutral'}`}>{dot && <span className="status-dot"/>}{children}</span>; }
export function Button({ children, icon, variant = 'secondary', className = '', ...props }) { return <button type="button" className={`button button-${variant} ${className}`} {...props}>{icon && <Icon name={icon} size={16}/>} {children}</button>; }
export function Heading({ eyebrow, title, description, children }) { const { state } = useStudio(); return <div className="page-heading"><div><div className="eyebrow">{eyebrow || `${state.session.team} TEAM`}</div><h1>{title}</h1>{description && <p>{description}</p>}</div>{children}</div>; }
export function Empty({ title = 'Nothing here yet', description, action }) { return <div className="empty-state"><span className="soft-icon soft-purple"><Icon name="folder" size={22}/></span><h3>{title}</h3><p>{description}</p>{action}</div>; }
export function Field({ label, children, hint }) { return <label className="form-field"><span>{label}</span>{children}{hint && <small>{hint}</small>}</label>; }
export function Search({ value, onChange, placeholder = 'Search…' }) { return <label className="search-field"><Icon name="search" size={17}/><input value={value} onChange={e => onChange(e.target.value)} placeholder={placeholder} aria-label={placeholder}/></label>; }
export function Tabs({ value, onChange, items, label = 'Sections' }) { return <div className="page-tabs" role="tablist" aria-label={label}>{items.map(item => <button key={item} role="tab" aria-selected={value === item} onClick={() => onChange(item)} className={value === item ? 'active' : ''}>{item}</button>)}</div>; }
export function Modal({ title, children, close, wide = false }) {
  const ref = useRef(null), callback = useRef(close); callback.current = close;
  useEffect(() => {
    const previous = document.activeElement, oldOverflow = document.body.style.overflow;
    document.body.style.overflow = 'hidden';
    ref.current?.querySelector('button, input, textarea, select, [tabindex="0"]')?.focus();
    const keys = e => {
      if (e.key === 'Escape') callback.current();
      if (e.key !== 'Tab') return;
      const items = [...ref.current.querySelectorAll('button:not(:disabled), input:not(:disabled), textarea:not(:disabled), select:not(:disabled), [tabindex="0"]')];
      if (e.shiftKey && document.activeElement === items[0]) { e.preventDefault(); items.at(-1)?.focus(); }
      if (!e.shiftKey && document.activeElement === items.at(-1)) { e.preventDefault(); items[0]?.focus(); }
    };
    document.addEventListener('keydown', keys);
    return () => { document.body.style.overflow = oldOverflow; document.removeEventListener('keydown', keys); previous?.focus?.(); };
  }, []);
  return <div className="modal-backdrop" onMouseDown={e => e.target === e.currentTarget && close()}><div ref={ref} className={`modal ${wide ? 'modal-wide' : ''}`} role="dialog" aria-modal="true" aria-labelledby="modal-title"><div className="modal-heading"><div><span className="eyebrow">TESTCRAFT STUDIO</span><h2 id="modal-title">{title}</h2></div><button className="icon-button" onClick={close} aria-label="Close dialog"><Icon name="close"/></button></div>{children}</div></div>;
}
export function Note({ children, tone = 'neutral' }) { return <div className={`modal-note note-${tone}`}><Icon name={tone === 'amber' ? 'alert' : 'info'} size={16}/><span>{children}</span></div>; }
export function Pagination({ count, page, onChange, size = 6 }) { const total = Math.max(1, Math.ceil(count / size)); return <div className="table-footer"><span>{count ? `${(page - 1) * size + 1}–${Math.min(page * size, count)} of ${count}` : '0 records'}</span><div className="pagination"><button disabled={page <= 1} onClick={() => onChange(page - 1)} aria-label="Previous page"><Icon name="chevron" size={13} style={{ transform: 'rotate(180deg)' }}/></button><span>{page} / {total}</span><button disabled={page >= total} onClick={() => onChange(page + 1)} aria-label="Next page"><Icon name="chevron" size={13}/></button></div></div>; }
export function ContextBar({ navigate }) {
  const { state, workspace: w } = useStudio();
  if (!w) return null;
  const b = state.baselines.find(b => b.id === w.baselineId);
  return <div className="version-context"><div className="context-label"><Icon name="layers" size={16}/>Selected knowledge</div><button className="version-chip" onClick={() => navigate('versions')}><Icon name="book" size={14}/>{b?.ref || 'No baseline'}{b && <span>v{b.version}</span>}</button>{w.crIds.map(id => { const cr = state.crs.find(c => c.id === id); return <React.Fragment key={id}><span className="context-plus">+</span><span className="version-chip cr-chip">{cr?.ref}<span>r{cr?.revision}</span></span></React.Fragment>; })}<span className="context-divider"/><span className="context-contract"><Icon name="lock" size={13}/>{w.ref} · Context {w.version}</span><button className="text-button context-change" onClick={() => navigate('versions')}>Change selection <Icon name="chevron" size={13}/></button></div>;
}
export function WorkspaceRequired({ navigate }) { return <Empty title="Choose a workspace" description="Create or open a workspace to use its selected knowledge context." action={<Button variant="primary" icon="folder" onClick={() => navigate('workspaces')}>Open workspaces</Button>}/>; }
export function SourceDialog({ sourceId, citation, close }) {
  const { state, workspace, notify } = useStudio();
  const current = state.documents.find(d => d.id === sourceId);
  const accessible = current && (current.team === state.session.team || eligibleDocuments(state, workspace).some(d => d.id === sourceId));
  const source = citation?.id === sourceId ? { ...current, ...citation } : current;
  const changed = current && citation && (String(current.revision) !== String(citation.revision) || (citation.checksum && citation.checksum !== current.checksum));
  if (!accessible) return <Modal title="Source unavailable" close={close}><Note>The source is not available in your current team and workspace context.</Note></Modal>;
  return <Modal title="Source evidence" close={close} wide><div className="source-heading"><span className="table-icon soft-purple"><Icon name="file" size={22}/></span><div><h3>{source.name}</h3><p>Revision {source.revision} · {source.locator || 'Original document'} · {source.team}</p></div><Badge tone="purple">{citation ? 'Cited revision' : 'Reference document'}</Badge></div>{changed && <Note>The current document has changed. This is the snapshot cited in the conversation; the original download belongs to a different revision.</Note>}{citation?.quote && <blockquote className="chat-cited-quote">{citation.quote}</blockquote>}<div className="source-excerpt"><div className="eyebrow">{source.locator || 'SOURCE PREVIEW'}</div><pre>{source.excerpt || 'PDF and DOCX extraction will be supplied by the backend. Download the original file to inspect it locally.'}</pre></div>{source.checksum && <p className="checksum">SHA-256: {source.checksum}</p>}<div className="modal-actions"><Button onClick={close}>Close</Button>{!source.synthetic && !changed && <Button icon="external" onClick={() => openOriginal(current).catch(e => notify(e.message))}>Download original</Button>}</div></Modal>;
}
export function UploadBox({ scope, onStaged, label = 'Drop your documents here' }) {
  const [busy, setBusy] = useState(false), [error, setError] = useState('');
  async function stage(files) {
    if (busy) return; setBusy(true); setError('');
    const results = await Promise.allSettled([...files].map(f => stageFile(f, scope)));
    const documents = results.filter(r => r.status === 'fulfilled').map(r => r.value);
    const errors = results.filter(r => r.status === 'rejected').map(r => r.reason.message);
    if (documents.length) onStaged(documents);
    setError(errors.join(' ')); setBusy(false);
  }
  return <><label className={`upload-zone ${busy ? 'upload-busy' : ''}`} onDragOver={e => e.preventDefault()} onDrop={e => { e.preventDefault(); stage(e.dataTransfer.files); }}><span className="upload-icon"><Icon name="upload" size={25}/></span><strong>{busy ? 'Adding your documents…' : label}</strong><span>or <em>browse files</em></span><small>PDF, DOCX, TXT, Markdown, SQL · Up to 50 MB each</small><input type="file" multiple disabled={busy} accept=".pdf,.docx,.txt,.md,.sql" onChange={e => { stage(e.target.files); e.target.value = ''; }} aria-label="Choose evidence documents"/></label>{error && <p className="form-error" role="alert">{error}</p>}</>;
}

Testcraft Studio frontend 41: src/suiteExport.js

Rahul — Wed, 21 Oct 2026 07:40:00 +0000

import { csv } from './store.jsx';
import { defaultFields } from './seed.js';

export function suiteExport(state, workspace, suite) {
  if (!suite?.tests?.length || suite.workspaceId !== workspace.id) throw new Error('Choose a test suite in this workspace.');
  const template = suite.templateSnapshot || state.templates.find(item => item.id === suite.templateId);
  const fields = template?.fields || defaultFields;
  const value = (test, field) => {
    const key = field.toLowerCase().replace(/[^a-z0-9]/g, '');
    const evidence = test.sourceIds.map(id => {
      const doc = suite.sourceSnapshot?.find(item => item.id === id) || state.documents.find(item => item.id === id);
      return doc ? `${doc.name} · revision ${doc.revision}${doc.locator ? ` · ${doc.locator}` : ''}` : 'Source unavailable';
    }).join('; ');
    const values = {
      testid: test.id, testcaseid: test.id, title: test.title, testcasetitle: test.title,
      ownerteam: workspace.team, type: test.type || suite.kind || '', testtype: test.type || suite.kind || '',
      category: test.category, requirement: test.requirement, requirementid: test.requirement,
      objective: test.objective, preconditions: test.preconditions, testdata: test.data,
      steps: test.steps.map((step, index) => `${index + 1}. ${step}`).join('\n'), teststeps: test.steps.join('\n'),
      expectedresult: test.expected, expectedresults: test.expected, priority: test.priority,
      evidence, source: evidence, sources: evidence, reviewstatus: test.status, notes: test.notes, reviewnotes: test.notes,
    };
    return values[key] ?? test.customFields?.[field] ?? '';
  };
  return {
    filename: `${workspace.ref}-tests-context-${suite.version}.csv`,
    mimeType: 'text/csv;charset=utf-8',
    content: csv([fields, ...suite.tests.map(test => fields.map(field => value(test, field)))]),
  };
}

Testcraft Studio frontend 40: src/styles.css

Rahul — Wed, 21 Oct 2026 07:39:58 +0000

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');

:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#27283d;background:#f6f7fb;font-synthesis:none;font-weight:400;font-size:13px;--bg:#f6f7fb;--surface:#fff;--surface-soft:#fafafd;--text:#27283d;--muted:#7b7e92;--secondary:#626579;--line:#ececf3;--line-strong:#dedfe9;--accent:#6555ce;--accent-hover:#5545be;--lavender:#efecfc;--green:#2b8868;--green-bg:#ebf7f1;--amber:#a16c18;--amber-bg:#fff5e2;--blue:#4c78ba;--blue-bg:#edf3fc;--shadow:0 3px 12px #33325f03}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a79ae9;outline-offset:3px}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:31px;line-height:1.25;font-weight:650;letter-spacing:-1.15px}h2{font-size:14px;font-weight:650;letter-spacing:-.2px}h3{font-size:16px;font-weight:600;letter-spacing:-.3px}p{line-height:1.65}small{font-size:11px}strong{font-weight:600}input,textarea,select{color:var(--text)}::selection{background:#dcd5fa;color:#352a71}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:var(--accent);color:white;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:25}.brand{height:82px;display:flex;align-items:center;gap:10px;padding:0 23px;flex-shrink:0;text-align:left}.brand-symbol{width:35px;height:39px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:#fff;box-shadow:0 4px 10px #6555ce1f}.brand strong{font-size:17px;letter-spacing:-.6px;white-space:nowrap;font-weight:700}.brand strong span{font-weight:550}.brand small{display:block;font-size:6.8px;letter-spacing:1.15px;color:var(--muted);margin-top:5px}.team-switcher-wrap{position:relative;padding:0 16px 17px}.team-switcher{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:8px;padding:11px 10px;background:var(--surface);text-align:left}.team-switcher:hover{background:var(--surface-soft)}.team-avatar{height:31px;width:31px;border:1px solid #e9e5fa;background:#f2effb;border-radius:7px;display:grid;place-items:center;color:var(--accent);font-size:15px;font-weight:650}.team-switcher strong{font-size:11.5px;display:block;white-space:nowrap}.team-switcher small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}.team-switcher>svg{margin-left:auto;color:var(--muted)}.team-popover{position:absolute;z-index:35;left:16px;top:65px;width:255px;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;box-shadow:0 8px 35px #1b163b18;padding:18px}.team-popover>div{display:flex;align-items:center;gap:10px;margin:16px 0}.team-popover p{font-size:11px;color:var(--secondary);margin-bottom:12px}.main-nav{flex:1;overflow-y:auto;padding:2px 13px 12px;scrollbar-width:thin}.nav-group{margin-bottom:20px}.nav-group-label{display:block;font-size:8.7px;letter-spacing:1.2px;color:#9698a9;font-weight:600;padding:6px 13px 9px}.nav-item{width:100%;height:37px;display:flex;align-items:center;text-align:left;gap:11px;padding:0 12px;border-radius:6px;color:var(--secondary);margin-bottom:3px;font-size:11.8px}.nav-item>svg{color:#86899a;stroke-width:1.55}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.active{background:var(--lavender);color:var(--accent);font-weight:600}.nav-item.active>svg{color:var(--accent);stroke-width:1.9}.nav-count{font-size:10px;min-width:19px;padding:2px 5px;text-align:center;background:var(--bg);border-radius:4px;margin-left:auto;color:var(--secondary)}.nav-count-amber{background:var(--amber-bg);color:var(--amber)}.sidebar-bottom{margin:0 15px;flex-shrink:0}.sidebar-baseline{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px 10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.baseline-symbol{color:var(--accent);height:30px;width:30px;display:grid;place-items:center}.sidebar-baseline small{display:block;font-size:9px;color:var(--muted)}.sidebar-baseline strong{display:block;font-size:11px;margin-top:3px}.sidebar-baseline strong span{color:var(--muted);font-size:10px;font-weight:400;margin-left:5px}.sidebar-baseline>.tiny-dot{margin-left:auto}.profile{border-top:1px solid var(--line);width:100%;padding:14px 8px 19px;display:flex;align-items:center;gap:10px;text-align:left}.profile-avatar{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;background:#eeeaf8;color:#7c6ca4}.profile strong{font-size:11px;display:block}.profile small{font-size:9.5px;color:var(--muted);display:block;margin-top:3px}.profile>svg{margin-left:auto;color:var(--muted)}
.app-body{margin-left:235px;flex:1;min-width:0}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 33px;background:var(--surface);border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap}.breadcrumbs>span{color:var(--muted)}.breadcrumbs>svg{color:#b9b9c7}.breadcrumbs strong{font-weight:500;color:var(--secondary)}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10.5px;padding:6px 7px}.global-search>span{margin-right:38px}.global-search:hover{color:var(--accent)}kbd{font-family:inherit;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted);font-size:9px}.topbar-divider{height:18px;width:1px;background:var(--line);margin:0 5px}.icon-button{width:32px;height:32px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--bg);color:var(--accent)}.icon-button.small{height:27px;width:27px}.notification-button{position:relative}.notification-button>span{position:absolute;width:5px;height:5px;border-radius:50%;background:#bd8a57;right:7px;top:5px;border:1px solid var(--surface)}.preview-badge{font-size:9px;background:var(--surface-soft);border:1px solid var(--line-strong);padding:6px 9px;border-radius:5px;margin-left:10px;display:flex;align-items:center;gap:6px;color:var(--secondary)}.preview-badge>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.mobile-menu{display:none}.main-content{padding:32px 33px 0;max-width:1660px;margin:0 auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.45px;color:var(--muted);font-weight:550;display:block;margin-bottom:10px}.eyebrow-dot{margin:0 6px;color:#b0b1c0}.page-heading p{font-size:12px;color:var(--muted);margin-top:7px}.page-heading>.button{margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:35px;padding:8px 13px;border-radius:6px;font-size:10.7px;font-weight:550;white-space:nowrap;line-height:1.4}.button-primary{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 2px 3px #6254cf13}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 3px 10px #6254cf25}.button-secondary{background:var(--surface);border:1px solid var(--line-strong);color:var(--secondary)}.button-secondary:hover{border-color:#c3badf;color:var(--accent);background:var(--surface-soft)}.button:disabled{color:#9496a8;background:var(--bg);border:1px solid var(--line-strong);box-shadow:none}.button-count{font-size:9px;padding:0 5px;border-left:1px solid var(--line);margin-left:2px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-size:10.5px;font-weight:550;line-height:1.5;padding:0}.text-button:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}.full-width{width:100%}.subtle{color:var(--muted);font-size:10px}.subtle>svg{vertical-align:middle;margin-right:5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 21px}.inline-heading{display:flex;align-items:center;gap:9px}.count-pill{font-size:9px;padding:2px 6px;min-width:19px;text-align:center;border-radius:5px;color:var(--secondary);background:var(--bg);font-weight:550}.count-amber{color:var(--amber);background:var(--amber-bg)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 7px;line-height:1.2;font-size:9px;font-weight:500;white-space:nowrap;width:fit-content}.status-dot{width:4px;height:4px;background:currentColor;border-radius:50%}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--lavender);color:var(--accent)}.badge-neutral{background:var(--bg);color:var(--secondary)}.soft-purple{background:var(--lavender);color:var(--accent)}.soft-green{background:var(--green-bg);color:var(--green)}.soft-amber{background:var(--amber-bg);color:var(--amber)}.soft-blue{background:var(--blue-bg);color:var(--blue)}.soft-icon{height:30px;width:30px;display:inline-grid;place-items:center;border-radius:7px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.green-dot{background:#429e7c}.amber-dot{background:#be8c38}.amber-text{color:var(--amber)!important}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:17px 19px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--secondary)}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.stat-card>strong{display:block;font-size:31px;letter-spacing:-1.3px;line-height:1.2;font-weight:550;margin-top:6px}.stat-note{display:block;font-size:9.5px;color:var(--muted);margin-top:8px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(290px,1fr);gap:20px;margin-bottom:25px}.continue-card>.section-heading{padding-bottom:18px}.featured-workspace{display:flex;align-items:center;gap:13px;padding:0 21px}.workspace-symbol{height:49px;width:49px;border-radius:10px;background:#eeebfa;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.workspace-id{font-size:9px;letter-spacing:.4px;color:var(--accent);display:flex;align-items:center;gap:9px;font-weight:550;margin-bottom:6px}.mini-tag{font-size:6.5px;letter-spacing:.7px;color:#9697aa;border:1px solid var(--line);border-radius:3px;padding:3px 5px;font-weight:500}.featured-workspace h3{font-size:17px;letter-spacing:-.45px}.featured-workspace p{font-size:10px;color:var(--muted);margin-top:4px}.featured-workspace>.icon-button{align-self:flex-start;margin-left:auto;margin-top:7px}.featured-meta{display:flex;align-items:center;gap:19px;padding:17px 21px 15px;font-size:9px;color:var(--secondary)}.featured-meta>span{display:flex;align-items:center;gap:6px}.featured-meta .subtle{font-size:9px}.workspace-progress{background:var(--surface-soft);margin:0 21px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:9px;padding:13px 12px}.workspace-progress>div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8.5px;white-space:nowrap}.progress-step{height:19px;width:19px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);font-size:8px;color:var(--muted);background:var(--surface)}.progress-step.complete{background:var(--green-bg);border-color:#d1eadf;color:var(--green)}.progress-step.current{background:var(--lavender);color:var(--accent);border-color:#d4cbee}.step-current-label{color:var(--accent);font-weight:550}.step-connector{height:1px;flex:1;background:var(--line-strong);min-width:8px}.featured-footer{margin:16px 21px 0;padding:13px 0 17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.featured-footer>span{font-size:9px;color:var(--secondary);display:flex;align-items:center;gap:6px}.featured-footer>.button{font-size:10px;min-height:33px;padding:7px 11px}.attention-card{overflow:hidden;display:flex;flex-direction:column}.attention-card .section-heading{padding-bottom:7px}.attention-item{display:flex;align-items:center;gap:11px;text-align:left;margin:0 17px;padding:13px 4px;border-bottom:1px solid var(--line)}.attention-item:hover{background:var(--surface-soft)}.attention-icon{height:31px;width:31px;border-radius:8px;display:inline-grid;place-items:center;flex-shrink:0}.attention-item strong{font-size:10.5px;display:block;font-weight:550}.attention-item small{color:var(--muted);font-size:9px;display:block;margin-top:5px}.attention-item small span{margin:0 5px}.attention-item>svg{margin-left:auto;color:#b0b1c1}.attention-item:nth-last-child(2){border-bottom:none}.attention-note{background:var(--surface-soft);margin-top:auto;padding:12px 20px;display:flex;align-items:center;gap:7px;font-size:8.5px;color:var(--muted);border-top:1px solid var(--line)}
.workspace-list>.section-heading{padding-bottom:15px}.table-toolbar{display:flex;justify-content:space-between;gap:15px;padding:0 21px 17px}.search-field{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;max-width:285px;width:100%;color:#9495a7}.search-field:focus-within{border-color:#a89ce1;box-shadow:0 0 0 2px #6555ce0a}.search-field input{border:0;outline:none!important;background:none;width:100%;min-width:0;font-size:10px}.search-field input::placeholder{color:#9697a8}.filter-select{display:flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:6px;padding:5px 10px;color:var(--secondary)}.filter-select select{border:0;background:var(--surface);font-size:10px;color:var(--secondary);max-width:150px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.65px;color:var(--muted);font-weight:550;padding:10px 16px;background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child{padding-left:21px}th:last-child{padding-right:21px}td{border-bottom:1px solid var(--line);padding:13px 16px;font-size:10px}td:first-child{padding-left:21px}td:last-child{padding-right:17px;width:38px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-soft)}.workspace-table-name{display:flex;align-items:center;gap:11px;padding:0;text-align:left;min-width:250px}.table-icon{width:31px;height:33px;border-radius:7px;display:inline-grid;place-items:center;flex-shrink:0}.workspace-table-name strong{display:block;font-size:10.7px;font-weight:550}.workspace-table-name small{display:block;font-size:8.7px;color:var(--muted);margin-top:5px}.workspace-table-name small span{margin:0 5px}.baseline-tag{border:1px solid var(--line);border-radius:4px;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;font-size:9px;color:var(--secondary)}.baseline-tag>svg{color:var(--muted)}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:11px 21px;font-size:8.7px;color:var(--muted)}.table-footer>span{font-size:8px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted);padding:30px}.empty-state h3{font-size:13px}.empty-state p{font-size:11px}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a1a3b2;font-size:8px;padding:21px 1px}.app-footer>span>span{margin:0 7px}.app-footer>button{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}
.workspace-heading{margin-bottom:21px}.workspace-heading h1{font-size:29px}.workspace-heading p>span{margin:0 7px;color:#b5b5c1}.cr-label{color:var(--accent);background:var(--lavender);padding:4px 6px;letter-spacing:.4px;border-radius:4px;display:inline-block;margin-right:8px;font-size:9px}.version-context{display:flex;align-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);padding:11px 13px;flex-wrap:wrap}.context-label{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-right:5px}.version-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:9px;font-weight:550;color:var(--secondary)}button.version-chip:hover{border-color:#c8bfe4}.version-chip>svg{color:var(--accent)}.version-chip>span{color:var(--muted);font-size:8px;font-weight:400}.cr-chip{background:var(--lavender);color:var(--accent);border-color:transparent}.cr-chip>span{color:#9285c7}.context-plus{font-size:12px;color:var(--muted)}.context-divider{width:1px;height:16px;background:var(--line);margin:0 5px}.context-contract{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.context-change{margin-left:auto;font-size:9px}.page-tabs{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line-strong);margin:20px 0 22px}.page-tabs>button{padding:10px 0 13px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px}.page-tabs>button.active{border-color:var(--accent);color:var(--accent);font-weight:550}.page-tabs>button>span{font-size:8px;background:var(--surface);padding:2px 5px;border-radius:4px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:21px;align-items:start}.workspace-main{min-width:0;display:flex;flex-direction:column;gap:19px}.evidence-card>.section-heading{padding:18px 19px}.evidence-card .button{font-size:9px;min-height:30px;padding:6px 9px}.category-tabs{display:flex;gap:5px;margin:0 18px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.category-tabs>button{flex:1;font-size:8.2px;padding:8px 6px;border-radius:4px;color:var(--secondary);display:flex;justify-content:center;align-items:center;gap:5px;white-space:nowrap;letter-spacing:-.1px}.category-tabs>button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #28244612;font-weight:600}.category-tabs>button>span{font-size:7.5px;color:var(--muted);padding:1px 4px;background:var(--bg);border-radius:3px}.category-description{font-size:9px;color:var(--muted);margin:12px 20px 5px;min-height:20px}.document-list{margin:0 19px}.document-row{width:100%;display:flex;align-items:center;gap:12px;padding:18px 0;text-align:left;border-bottom:1px solid var(--line)}.document-row:hover{background:var(--surface-soft)}.document-row:last-child{border-bottom:none}.file-type{position:relative;height:39px;width:32px;border:1px solid var(--line);background:var(--surface-soft);border-radius:5px;display:flex;justify-content:center;padding-top:3px;color:var(--muted);flex-shrink:0}.file-type>small{font-size:6px;position:absolute;bottom:3px;left:0;text-align:center;width:100%;font-weight:700;letter-spacing:.4px}.file-sql{color:#7060ab;background:#f4f1fb;border-color:#e9e3f3}.file-pdf{color:#bf7269;background:#fcf1ee;border-color:#f4e4de}.file-docx{color:#5b81bc;background:#eff4fb;border-color:#e1eaf7}.file-md{color:var(--green);background:var(--green-bg)}.document-info{min-width:0;flex:1}.document-info>strong{display:block;font-size:10px;font-weight:550;overflow:hidden;text-overflow:ellipsis}.document-info>small{display:block;font-size:8.8px;color:var(--muted);margin-top:4px}.document-info>span{display:block;font-size:8px;color:#9a9bac;margin-top:5px}.document-info>span>span{margin:0 5px}.document-row>svg{color:#b1b1c0;margin-left:5px}.document-row>.badge{font-size:8px}.evidence-hint{display:flex;align-items:center;gap:7px;padding:12px 19px;background:var(--surface-soft);font-size:8.6px;color:var(--muted);border-top:1px solid var(--line);border-radius:0 0 9px 9px;line-height:1.5}.scope-card{display:flex;align-items:center;gap:12px;padding:16px 17px;border:1px solid #e8e4f4;border-radius:8px;background:#f1eff940}.scope-card>.soft-icon{align-self:flex-start}.scope-card h3{font-size:11px}.scope-card p{font-size:9px;color:var(--secondary);margin-top:4px}.scope-card>div>span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:5px}.scope-card>.text-button{margin-left:auto;white-space:nowrap;font-size:9px}.requirements-card>.section-heading{padding:17px 19px}.requirements-card table th{font-size:7.3px;padding:10px 13px}.requirements-card table th:first-child{padding-left:19px}.requirements-card table td{font-size:8.8px;padding:12px 13px}.requirements-card table td:first-child{padding-left:19px}.requirements-card .badge{font-size:8px}.requirement-name{text-align:left;display:block;padding:0}.requirement-name>small{display:block;color:var(--muted);font-size:7.5px;letter-spacing:.1px;margin-bottom:4px}.requirement-name>strong{display:block;font-size:9.5px;font-weight:500}.requirements-card .table-footer{padding:11px 19px;font-size:8px}.requirements-card .table-footer .text-button{font-size:8px}.readiness-card{padding:0 20px 17px}.readiness-card>.section-heading{padding:18px 0}.readiness-card>.badge{font-size:8px}.readiness-card>h3{font-size:16px;line-height:1.4;margin:12px 0 6px;letter-spacing:-.5px}.readiness-card>p{font-size:10px;color:var(--muted)}.readiness-measures{margin:18px 0 15px;padding:5px 0 11px;border-bottom:1px solid var(--line)}.readiness-measures>div{display:flex;align-items:center;gap:7px;margin-bottom:12px;font-size:8.8px;color:var(--secondary)}.readiness-measures>div>svg{color:var(--green);width:13px}.readiness-measures>div.amber-text>svg{color:var(--amber)}.readiness-measures strong{margin-left:auto;font-size:9.5px;color:var(--text);white-space:nowrap}.question-preview{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:11px 8px;border:1px solid var(--line);border-radius:6px;margin:8px 0;font-size:9px;background:var(--surface-soft)}.question-preview:hover{border-color:#daceac}.question-number{color:var(--amber);border:1px solid #f0dfb8;border-radius:4px;padding:4px;font-size:7px;background:var(--amber-bg);flex-shrink:0}.question-preview>span:nth-child(2){line-height:1.5}.question-preview small{display:block;color:var(--muted);font-size:7.8px;margin-top:3px}.question-preview>svg{margin-left:auto;color:var(--muted)}.readiness-card>.button-primary{margin-top:13px;font-size:9px}.readiness-card>.button-secondary{margin-top:8px;font-size:9px}.provisional-link{margin:13px auto 17px;display:flex;font-size:9px;font-weight:400;color:var(--secondary)}.readiness-footnote{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:8px;line-height:1.5}.activity-full{padding-bottom:8px}.activity-row{display:flex;align-items:center;gap:13px;margin:0 22px;padding:20px 0;border-top:1px solid var(--line)}.activity-row strong{font-size:11px}.activity-row p{font-size:10px;color:var(--muted);margin-top:5px}.activity-row>small{margin-left:auto;color:var(--muted);font-size:9px}
.page-chat .page-heading{margin-bottom:20px}.chat-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:21px;margin-top:22px}.conversation{overflow:hidden}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 19px}.assistant-label{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:550}.assistant-symbol{width:30px;height:32px;background:var(--lavender);color:var(--accent);display:grid;place-items:center;border-radius:7px}.assistant-label small{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:4px}.conversation-heading .badge{font-size:7.5px}.chat-messages{padding:12px 21px 22px;max-height:510px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chat-date{display:flex;align-items:center;gap:12px;font-size:7.5px;color:#aaabb9;margin:3px 0 21px}.chat-date>span{height:1px;flex:1;background:var(--line)}.message{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px}.message-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.user-avatar{color:#7c7394;background:#eeeaf5}.assistant-avatar{color:var(--accent);background:var(--lavender)}.system-avatar{color:var(--muted);background:var(--bg)}.message>div{flex:1;min-width:0}.message-author{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:550;margin:5px 0 9px}.message-author>small{font-size:7px;color:#a0a0b1;font-weight:400}.message-bubble{font-size:10px;line-height:1.75;white-space:pre-wrap;color:var(--secondary)}.message-user .message-bubble{background:var(--surface-soft);border:1px solid var(--line);border-radius:0 7px 7px 7px;padding:10px 12px;font-size:10px}.message-assistant .message-bubble>p+p{margin-top:10px}.message-assistant ul{padding-left:15px;margin:8px 0}.message-assistant li{padding:3px 0}.message-assistant strong{color:var(--text);font-weight:550}.citation-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:13px}.citation-buttons>button{display:flex;align-items:center;gap:5px;color:var(--accent);padding:4px 6px;border:1px solid #e9e2f7;background:#f9f7fe;border-radius:4px;font-size:7.5px}.citation-buttons>button:hover{background:var(--lavender)}.citation-buttons>button>span{font-size:6px;background:var(--lavender);padding:0 3px;border-radius:2px}.clarification-message{margin:10px 0 0 35px;border:1px solid #eee0bd;border-radius:7px;background:#fffcf5;padding:14px}.clarification-message-heading{display:flex;align-items:center;gap:8px}.clarification-message-heading>.attention-icon{height:27px;width:27px;border-radius:6px}.clarification-message-heading strong{display:block;font-size:9.5px;font-weight:550}.clarification-message-heading small{display:block;color:var(--muted);font-size:7.5px;margin-top:4px}.clarification-message-heading>.badge{margin-left:auto;font-size:7px}.clarification-message>p{font-size:10.5px;line-height:1.6;font-weight:550;color:#7c6229;margin-top:12px}.clarification-note{display:flex;align-items:flex-start;gap:6px;color:#9a875f;font-size:8.4px;line-height:1.6;margin:10px 0 13px}.clarification-message>.text-button{font-size:8.5px}.message-system{margin-top:18px}.message-system .message-bubble{font-size:9px;color:var(--muted);font-style:italic}.chat-composer{border:1px solid var(--line-strong);border-radius:8px;margin:0 18px;background:var(--surface);box-shadow:0 2px 8px #30254703}.chat-composer:focus-within{border-color:#bcb0e2}.chat-composer>textarea{width:100%;resize:none;min-height:65px;padding:13px 13px 4px;border:0;outline:none!important;background:none;font-size:10px;line-height:1.7}.chat-composer textarea::placeholder{color:#a0a1b0}.composer-bottom{display:flex;align-items:center;gap:10px;padding:7px 10px 9px}.attach-button{display:flex;align-items:center;gap:5px;color:var(--secondary);font-size:8.5px;padding:2px}.composer-bottom>span{font-size:7px;color:#b0afbf;margin-left:auto}.composer-bottom>span>span{margin:0 4px}.send-button{display:grid;place-items:center;width:28px;height:28px;background:var(--accent);color:white;border-radius:6px;margin-left:auto}.send-button:disabled{background:var(--lavender);color:#a79acb}.chat-footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#a4a2b4;padding:12px 8px}.chat-footer>span{margin-left:3px}.attachment-chip{font-size:9px;display:flex;align-items:center;gap:6px;padding:8px 11px;border-bottom:1px solid var(--line);color:var(--accent)}.attachment-chip>button{margin-left:auto;display:grid;place-items:center}.chat-aside{display:flex;flex-direction:column;gap:18px}.clarification-panel{padding:0 16px}.clarification-panel>.section-heading{padding:18px 0 10px}.clarification-panel h2{font-size:12px}.panel-description{font-size:9px;color:var(--muted);margin-bottom:16px}.clarification-option{display:flex;align-items:center;gap:9px;width:100%;padding:11px 8px;border:1px solid var(--line);border-radius:6px;text-align:left;margin-bottom:8px}.clarification-option.selected{background:var(--amber-bg);border-color:#ebd8af}.clarification-option strong{display:block;font-size:9px;font-weight:550}.clarification-option small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.clarification-option>svg{margin-left:auto;color:var(--muted)}.question-detail{padding:17px 0}.question-detail>.badge{font-size:7px}.question-detail h3{font-size:12px;margin:11px 0 7px;line-height:1.5}.question-detail>p{font-size:9px;color:var(--muted)}.question-reference{display:flex;align-items:center;gap:8px;padding:12px 0 8px;color:var(--secondary);font-size:8.5px}.question-reference small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.question-reference>svg{color:var(--muted)}.question-detail>.text-button{font-size:8px;margin-left:23px}.panel-note{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:7px;padding:15px 0;color:var(--muted)}.panel-note>p{font-size:8px;line-height:1.65}.chat-context-card{padding:0 16px 17px}.chat-context-card .section-heading{padding:16px 0}.chat-context-card h2{font-size:11px}.chat-context-card .section-heading>svg{color:var(--muted)}.chat-context-card>div:not(.section-heading){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:8.5px}.chat-context-card>div>span{color:var(--muted)}.chat-context-card>div>strong{font-size:8.5px;font-weight:500}.chat-context-card small{font-size:7.5px;color:var(--muted);font-weight:400;margin-left:3px}.chat-context-card>.text-button{font-size:8px;margin-top:12px}
.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#19172d55;backdrop-filter:blur(4px);z-index:60;animation:fade-in .15s ease-out}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:13px;padding:26px;width:100%;max-width:540px;max-height:90dvh;overflow-y:auto;box-shadow:0 16px 80px #1712292b;animation:slide-in .18s ease-out}.modal-wide{max-width:620px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.modal-heading .eyebrow{font-size:8px;letter-spacing:1.4px;color:var(--accent);margin-bottom:9px}.modal-heading h2{font-size:23px;letter-spacing:-.8px}.modal-heading>.icon-button{margin:-5px -7px 0 0}.modal-intro{font-size:12px;color:var(--muted);margin-bottom:21px}.modal-note{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px}.modal-note>svg{margin-top:2px;color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px;margin-top:21px;border-top:1px solid var(--line)}.plan-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--secondary)}.plan-list>div:last-child{border-bottom:none}.plan-list>div>.soft-icon{width:26px;height:26px}.plan-list>div>svg{color:var(--accent)}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-card{display:flex;align-items:center;gap:13px;padding:16px 13px;border:1px solid var(--line-strong);border-radius:8px;text-align:left}.choice-card.selected{border-color:#baaee7;background:#f8f6fd}.choice-card>.soft-icon{width:36px;height:39px}.choice-card strong{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.choice-card strong>small{font-size:7px;font-weight:400;color:var(--accent);background:var(--lavender);border-radius:3px;padding:3px 5px}.choice-card p{font-size:9.5px;color:var(--muted);margin-top:5px}.radio-dot{height:15px;width:15px;border:1px solid var(--line-strong);border-radius:50%;margin-left:auto;flex-shrink:0}.selected .radio-dot{border:5px solid var(--accent)}.form-field>label{display:block;font-size:10px;font-weight:550;margin-bottom:9px}.form-field>select{width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:11px 10px;background:var(--surface);font-size:11px}.form-section-label{font-size:11px;margin:21px 0 12px}.version-options{border:1px solid var(--line);border-radius:7px;overflow:hidden}.version-options>label{padding:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);cursor:pointer}.version-options>label:last-child{border-bottom:none}.version-options input{accent-color:var(--accent);height:15px;width:15px;margin:0}.version-options strong{display:block;font-size:11px}.version-options small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.version-options .badge{margin-left:auto;font-size:8px}.selection-summary{background:var(--lavender);padding:16px;border-radius:7px;margin-top:18px;display:flex;flex-direction:column;gap:8px}.selection-summary>span{font-size:9px;color:var(--accent)}.selection-summary>strong{font-size:13px;color:var(--accent)}.selection-summary>small{font-size:9px;color:var(--secondary);line-height:1.6}.upload-explanation{font-size:10px;color:var(--muted);margin:12px 0}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:27px 15px;border:1px dashed #bfb4e1;background:var(--surface-soft);border-radius:8px;cursor:pointer;position:relative}.upload-zone>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone:focus-within{outline:3px solid #a79ae9;outline-offset:2px}.upload-icon{color:var(--accent);background:var(--lavender);border-radius:9px;padding:12px;display:grid;place-items:center}.upload-zone>strong{font-size:12px;margin-top:3px}.upload-zone>span:not(.upload-icon){font-size:10px;color:var(--muted)}.upload-zone em{color:var(--accent);font-style:normal;font-weight:550}.upload-zone>small{font-size:9px;color:var(--muted);margin-top:4px}.selected-file{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:10px;padding:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.selected-file .badge{margin-left:auto}.command-search{max-width:none;padding:12px}.command-search input{font-size:12px}.command-results{margin:16px 0 0}.command-results>button{display:flex;align-items:center;gap:12px;padding:14px 9px;width:100%;font-size:12px;border-bottom:1px solid var(--line);text-align:left}.command-results>button:hover{background:var(--lavender);color:var(--accent)}.command-results>button>svg:last-child{margin-left:auto;color:var(--muted)}.source-heading{display:flex;align-items:center;gap:11px;margin:23px 0}.source-heading h3{font-size:12px;overflow-wrap:anywhere}.source-heading p{font-size:9px;color:var(--muted);margin-top:5px}.source-heading .badge{margin-left:auto;font-size:8px}.source-excerpt{background:var(--surface-soft);padding:22px;border:1px solid var(--line);border-radius:7px}.source-excerpt .eyebrow{font-size:8px;line-height:1.7}.source-excerpt h3{font-size:16px;margin:13px 0}.source-excerpt p{font-size:11px;color:var(--secondary);margin-top:12px}.sidebar-backdrop{display:none}
[data-theme="dark"]{color-scheme:dark;--bg:#171923;--surface:#20222f;--surface-soft:#242633;--text:#e5e4ee;--muted:#9293a7;--secondary:#b7b6c9;--line:#2e3040;--line-strong:#3a3b4e;--accent:#ae9aee;--accent-hover:#bdaaf5;--lavender:#332d48;--green:#7bc5a4;--green-bg:#243b34;--amber:#d2ad64;--amber-bg:#3b3427;--blue:#8baee4;--blue-bg:#29354a;--shadow:none;background:var(--bg);color:var(--text)}[data-theme="dark"] .button-primary,[data-theme="dark"] .send-button{background:#8370c5;color:#fff;border-color:#8370c5}[data-theme="dark"] .button-primary:hover{background:#9580d8;border-color:#9580d8}[data-theme="dark"] .brand-symbol{background:#7b65bd}[data-theme="dark"] .team-avatar,[data-theme="dark"] .workspace-symbol,[data-theme="dark"] .profile-avatar,[data-theme="dark"] .user-avatar{background:#332e44;color:#b3a3d8;border-color:var(--line)}[data-theme="dark"] .scope-card{background:#272534;border-color:#393147}[data-theme="dark"] .clarification-message{background:#302c25;border-color:#51452f}[data-theme="dark"] .clarification-message>p{color:#d2ba89}[data-theme="dark"] .clarification-note{color:#b2a17f}[data-theme="dark"] .clarification-option.selected{border-color:#6a5433}[data-theme="dark"] .question-number{border-color:#685333}[data-theme="dark"] .citation-buttons>button{background:#2e293f;border-color:#46385d}[data-theme="dark"] .file-type{background:var(--surface-soft);border-color:var(--line-strong)}[data-theme="dark"] .file-sql{color:#b29bdf}[data-theme="dark"] .file-pdf{color:#d49e92}[data-theme="dark"] .file-docx{color:#8daee0}[data-theme="dark"] .choice-card.selected{background:#302a42;border-color:#6e5e97}[data-theme="dark"] .send-button:disabled{background:var(--lavender);color:#7e6caa}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){:root{font-size:14px}.main-content{padding:38px 44px 0}.topbar{padding:0 44px}.page-heading{margin-bottom:29px}.stats-grid{gap:20px}.stat-card{padding:20px 23px}.stat-top{font-size:12px}.stat-card>strong{font-size:36px}.stat-note{font-size:10px}.overview-grid{gap:24px}.workspace-grid{grid-template-columns:minmax(0,1.9fr) minmax(325px,1fr)}.featured-meta{gap:25px;font-size:10px}.featured-workspace h3{font-size:19px}.workspace-progress>div{font-size:10px}.category-tabs>button{font-size:10px}.chat-grid{grid-template-columns:minmax(0,1fr) 330px}.chat-messages{max-height:560px}.message-bubble{font-size:12px}.message-user .message-bubble{font-size:11px}.clarification-message>p{font-size:12px}.clarification-note{font-size:10px}.chat-composer>textarea{font-size:11px}.question-detail h3{font-size:14px}.question-detail>p{font-size:10px}.workspace-table-name strong{font-size:12px}.workspace-table-name small{font-size:10px}td{padding-top:16px;padding-bottom:16px}.workspace-list>.section-heading{padding-top:23px}.document-info>strong{font-size:12px}.document-info>small{font-size:10px}.document-row{padding:21px 0}.readiness-measures>div{font-size:10px}.readiness-card>p{font-size:11px}.question-preview{font-size:10px}.requirements-card table td{padding-top:16px;padding-bottom:16px}.requirement-name>strong{font-size:11px}}
@media(max-width:1200px){.sidebar{width:215px}.app-body{margin-left:215px}.brand{padding:0 17px}.brand strong{font-size:15px}.brand small{font-size:6px}.team-switcher-wrap{padding:0 12px 16px}.team-switcher{gap:7px}.team-switcher strong{font-size:10.8px}.team-switcher small{font-size:8.5px}.main-nav{padding-left:9px;padding-right:9px}.nav-item{font-size:11px;gap:10px}.nav-group-label{font-size:8px}.topbar{padding:0 24px}.main-content{padding:27px 24px 0}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:16px}.featured-meta{gap:10px;padding-left:17px;padding-right:17px;font-size:8px}.featured-workspace{padding:0 17px;gap:10px}.featured-workspace h3{font-size:15px}.workspace-symbol{width:40px;height:43px}.featured-workspace p{font-size:9px}.workspace-progress{margin:0 17px;padding:12px 8px;gap:6px}.workspace-progress>div{font-size:7.5px;gap:5px}.featured-footer{margin-left:17px;margin-right:17px}.featured-footer>span{font-size:8px}.featured-footer>.button{font-size:8px;padding:7px}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-note{font-size:8.5px}.section-heading{padding-left:17px;padding-right:17px}.workspace-grid{grid-template-columns:minmax(0,1fr) 278px;gap:16px}.category-tabs{flex-wrap:wrap}.category-tabs>button{flex:1 0 auto}.category-tabs>button:first-child{flex-grow:0}.document-row{gap:9px}.document-info>strong{font-size:9px}.document-info>small{font-size:8px}.scope-card{padding:13px;gap:9px}.scope-card>.text-button{font-size:8px}.requirements-card .table-scroll table{min-width:460px}.context-contract{font-size:8px}.context-label{font-size:8px}.context-change{font-size:8px}.chat-grid{grid-template-columns:minmax(0,1fr) 259px;gap:16px}.chat-messages{padding-left:16px;padding-right:16px}.conversation-heading{padding-left:16px;padding-right:16px}.conversation-heading>.badge{display:none}.composer-bottom>span{display:none}.chat-footer{font-size:6px}.workspace-heading h1{font-size:26px}.workspace-heading p{font-size:10.5px}.question-preview{font-size:8px}.readiness-card{padding-left:16px;padding-right:16px}.attention-item strong{font-size:9.8px}.attention-item small{font-size:8.5px}.attention-item{margin:0 13px}.attention-note{padding-left:17px;font-size:7.5px}}
@media(max-width:1020px){.topbar-actions{gap:6px}.global-search>span{margin-right:5px}.preview-badge{margin-left:3px}.topbar-divider{margin:0 2px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-top{font-size:9px}.stat-icon{width:26px;height:26px}.stat-icon>svg{width:15px}.stat-note{font-size:8px}.overview-grid{grid-template-columns:1fr}.featured-meta{font-size:10px;gap:22px}.workspace-progress>div{font-size:10px}.featured-footer>span{font-size:10px}.featured-footer>.button{font-size:10px}.featured-workspace h3{font-size:18px}.featured-workspace p{font-size:10px}.attention-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attention-card .section-heading{grid-column:1/-1;padding:16px 17px 8px}.attention-item{margin:0 8px;padding:13px 3px;border:0;gap:7px;align-items:flex-start}.attention-item .attention-icon{width:27px;height:28px}.attention-item strong{font-size:9px;line-height:1.6}.attention-item small{line-height:1.6;font-size:7.7px}.attention-item>svg{display:none}.attention-note{grid-column:1/-1;padding:10px 17px}.workspace-grid{grid-template-columns:1fr}.readiness-card{max-width:none}.readiness-measures{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.readiness-measures>div{flex-wrap:wrap;max-width:180px;align-items:flex-start;font-size:9px}.readiness-measures>div>span{max-width:120px}.readiness-measures strong{margin-left:20px;display:block;width:100%}.readiness-card>.button{width:calc(50% - 5px);font-size:10px}.readiness-card>.button-secondary{margin-left:10px}.readiness-card>h3{font-size:18px}.document-info>strong{font-size:11px}.document-info>small{font-size:9px}.category-tabs{flex-wrap:nowrap}.category-tabs>button{flex:1;font-size:9px}.scope-card>.text-button{font-size:10px}.requirements-card .table-scroll table{min-width:450px}.chat-grid{grid-template-columns:1fr}.chat-aside{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:16px}.chat-messages{max-height:540px}.message-bubble{font-size:11px}.message-user .message-bubble{font-size:11px}.conversation-heading>.badge{display:inline-flex}.composer-bottom>span{display:inline}.clarification-message>p{font-size:11px}.chat-footer{font-size:7px}.page-heading>.button{font-size:9px;padding:8px 10px}h1{font-size:28px}.page-heading p{font-size:11px}.workspace-heading h1{font-size:25px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#15142b55;z-index:24;backdrop-filter:blur(2px)}.app-body{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 18px;height:59px;gap:8px}.breadcrumbs{margin-right:auto;gap:9px;font-size:10px}.topbar-actions{gap:4px}.global-search{padding:5px}.global-search>span,.global-search>kbd,.topbar-divider{display:none}.preview-badge{padding:5px 7px;font-size:8px;margin-left:5px}.notification-button{display:none}.main-content{padding:25px 20px 0}.page-heading{gap:12px}.page-heading>.button{font-size:9px;padding:8px 10px}.page-heading .eyebrow{font-size:8px}h1{font-size:26px}.page-heading p{font-size:10.5px}.stats-grid{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.stat-card{padding:15px 17px}.stat-top{font-size:10px}.stat-note{font-size:9px}.stat-card>strong{font-size:29px}.overview-grid{margin-bottom:20px}.featured-meta{gap:15px;font-size:9px}.featured-workspace h3{font-size:17px}.workspace-progress>div{font-size:8.5px}.attention-item strong{font-size:10px}.workspace-list>.section-heading{padding:17px}.workspace-table-name{min-width:225px}.table-toolbar{padding:0 17px 15px}.workspace-list table{min-width:685px}.table-footer{padding:11px 17px}.workspace-heading h1{font-size:25px}.workspace-heading{align-items:flex-start}.workspace-heading>.button{margin-top:28px;font-size:8px}.workspace-heading p{font-size:9px}.version-context{gap:7px;padding:10px}.context-label{font-size:8px;margin-right:0}.context-divider{display:none}.context-contract{flex-basis:calc(100% - 120px);margin:4px 0 0;font-size:8px}.context-change{margin-top:4px;font-size:8px}.category-tabs>button{font-size:9px}.evidence-card .section-heading{padding:17px}.document-info>strong{font-size:11px}.document-info>small{font-size:9px}.requirements-card .table-scroll table{min-width:490px}.scope-card{gap:11px}.scope-card>.text-button{font-size:9px}.readiness-card>.button{font-size:10px}.readiness-measures>div{font-size:9px}.readiness-card>.section-heading h2{font-size:14px}.chat-grid{margin-top:18px}.chat-aside{grid-template-columns:1.1fr 1fr}.chat-messages{max-height:610px}.modal{padding:23px;max-height:90dvh}.modal-heading h2{font-size:22px}.modal-backdrop{padding:16px}.brand strong{font-size:17px}.brand small{font-size:6.8px}.brand{padding:0 23px}.team-switcher-wrap{padding:0 16px 17px}.team-switcher strong{font-size:11.5px}.team-switcher small{font-size:9.5px}.main-nav{padding:2px 13px 12px}.nav-item{font-size:11.8px}.nav-group-label{font-size:8.7px}}
@media(max-width:480px){.main-content{padding:22px 15px 0}.topbar{padding:0 12px}.breadcrumbs{font-size:9px;gap:7px}.preview-badge{font-size:7px}.topbar-actions>.icon-button{width:28px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:20px}.page-heading>.button{margin-top:0;align-self:flex-start;font-size:10px}.page-heading h1{font-size:27px}.page-heading p{font-size:10.5px}.eyebrow{font-size:7.5px}.stats-grid{gap:10px}.stat-top{font-size:9px}.stat-card{padding:13px}.stat-note{font-size:8px}.stat-card>strong{font-size:28px}.section-heading h2{font-size:12px}.section-heading .subtle{font-size:8px}.featured-workspace{padding:0 15px;gap:10px}.featured-workspace h3{font-size:15px}.featured-workspace p{font-size:8px}.workspace-symbol{width:34px;height:39px}.workspace-id{font-size:8px;gap:6px}.mini-tag{font-size:5.5px;padding:3px}.featured-workspace>.icon-button{width:23px}.featured-meta{gap:9px;padding:15px;font-size:8px;flex-wrap:wrap}.featured-meta>.badge{font-size:7px}.featured-meta .subtle{font-size:8px}.workspace-progress{margin:0 15px;gap:5px;padding:12px 7px}.workspace-progress>div{font-size:7px;gap:4px}.progress-step{width:16px;height:16px;font-size:7px}.step-connector{min-width:3px}.featured-footer{margin-left:15px;margin-right:15px;flex-wrap:wrap;gap:13px}.featured-footer>span{font-size:8px}.featured-footer>.button{font-size:9px}.attention-card{display:flex}.attention-card .section-heading{padding:17px 17px 7px}.attention-item{margin:0 15px;padding:13px 2px;align-items:center;border-bottom:1px solid var(--line);gap:11px}.attention-item strong{font-size:10.5px}.attention-item small{font-size:8.5px}.attention-item>svg{display:block}.attention-note{font-size:8px}.table-toolbar{gap:9px}.search-field{padding:8px;gap:6px}.search-field input{font-size:9px}.filter-select{padding:5px 7px;gap:4px}.filter-select select{font-size:8px;max-width:110px}.filter-select>svg{width:13px}.table-footer{font-size:8px}.table-footer>span{font-size:7px}.app-footer{font-size:7px;gap:8px}.app-footer>button{font-size:7px}.workspace-heading{position:relative;padding-right:0;gap:12px}.workspace-heading h1{font-size:25px;max-width:315px}.workspace-heading>.button{margin:0;font-size:8px;min-height:30px}.workspace-heading p{font-size:9px}.workspace-heading .eyebrow{font-size:7px}.version-context{gap:6px}.context-label{font-size:7px}.context-label>svg{width:13px}.version-chip{font-size:8px;padding:4px 5px;gap:4px}.version-chip>span{font-size:7px}.version-chip>svg{width:11px}.context-plus{font-size:9px}.context-contract{font-size:7px;flex-basis:calc(100% - 100px)}.context-change{font-size:7px}.page-tabs{gap:22px;margin:15px 0 18px}.page-tabs>button{font-size:10px}.category-tabs{gap:2px;margin:0 12px;padding:3px;flex-wrap:wrap}.category-tabs>button{font-size:8px;padding:8px 5px;flex:1 0 auto}.category-tabs>button:first-child{flex-grow:1}.category-description{margin:11px 14px 3px;font-size:8px;min-height:26px}.document-list{margin:0 14px}.document-row{padding:14px 0;gap:9px;flex-wrap:wrap}.document-info>strong{font-size:9px}.document-info>small{font-size:8px}.document-info>span{font-size:7px}.document-row>.badge{font-size:7px}.document-row>svg{display:none}.file-type{width:27px;height:34px}.file-type>svg{width:18px}.file-type>small{font-size:5px}.evidence-hint{font-size:7.5px;padding:11px 14px;align-items:flex-start}.scope-card{flex-wrap:wrap;gap:9px;padding:14px}.scope-card>.soft-icon{width:26px;height:28px}.scope-card h3{font-size:10px}.scope-card p{font-size:8px}.scope-card>div>span{font-size:7px}.scope-card>.text-button{font-size:8px;margin-left:35px}.requirements-card .section-heading{padding:16px}.readiness-measures{display:block;margin-bottom:14px;padding:5px 0}.readiness-measures>div{max-width:none;font-size:9px;align-items:center}.readiness-measures>div>span{max-width:none}.readiness-measures strong{margin-left:auto;width:auto}.readiness-card>.button{width:100%;margin-left:0!important;font-size:10px}.question-preview{font-size:10px}.question-preview small{font-size:8px}.readiness-footnote{font-size:8px}.chat-aside{grid-template-columns:1fr}.conversation-heading{padding:13px}.assistant-label{font-size:10px}.assistant-label small{font-size:7px}.conversation-heading>.badge{font-size:6px;padding:4px}.chat-messages{padding:11px 13px 18px}.message{gap:8px}.message-avatar{width:23px;height:23px}.message-author{font-size:8px}.message-author>small{font-size:6px}.message-bubble,.message-user .message-bubble{font-size:10px}.clarification-message{margin-left:0;padding:12px}.clarification-message-heading strong{font-size:8.5px}.clarification-message-heading small{font-size:6.7px}.clarification-message>p{font-size:10px}.clarification-message>.text-button{font-size:8px}.clarification-note{font-size:8px}.chat-composer{margin:0 12px}.chat-composer>textarea{font-size:9px;padding:11px 10px 4px}.composer-bottom>span{display:none}.chat-footer{font-size:6px;gap:4px;flex-wrap:wrap;padding:10px}.chat-footer>span{display:none}.clarification-panel .section-heading h2{font-size:13px}.panel-description{font-size:10px}.clarification-option strong{font-size:10px}.clarification-option small{font-size:8px}.question-detail h3{font-size:14px}.question-detail>p{font-size:11px}.panel-note>p{font-size:9px}.chat-context-card h2{font-size:13px}.chat-context-card>div:not(.section-heading){font-size:10px}.chat-context-card>div>strong{font-size:10px}.chat-context-card>.text-button{font-size:9px}.modal{padding:20px}.modal-heading h2{font-size:21px}.modal-intro{font-size:11px}.modal-actions{flex-wrap:wrap}.modal-actions .button{font-size:9px}.choice-card{gap:10px;padding:14px 10px}.choice-card strong{font-size:11px}.choice-card p{font-size:8.5px}.choice-card>.soft-icon{width:29px;height:34px}.version-options>label{padding:12px 9px;flex-wrap:wrap;gap:8px}.version-options small{font-size:8px}.version-options .badge{margin-left:23px}.source-heading{flex-wrap:wrap}.source-heading .badge{margin-left:42px}.source-excerpt{padding:17px}.source-excerpt .eyebrow{font-size:7px}.selected-file{font-size:8px;overflow-wrap:anywhere}.activity-row{margin:0 16px;flex-wrap:wrap}.activity-row>small{margin-left:44px}.activity-row strong{font-size:10px}.activity-row p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

Testcraft Studio frontend 39: src/studio.css

Rahul — Wed, 21 Oct 2026 07:39:08 +0000

/* Application extensions. All motion uses short CSS transitions. */
.stat-card { text-align: left; width: 100%; }
.stat-card:hover { border-color: #d8d0ec; box-shadow: 0 4px 14px #44357308; }
.library-card { transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease; }
button.library-card:hover { transform: translateY(-2px); border-color: #cfc3e9; box-shadow: 0 5px 16px #4435730b; }
.button:active:not(:disabled) { transform: translateY(1px); }
.badge-red { color: #ae5c58; background: #fbedeb; }
.margin-top { margin-top: 20px; }
.padded { padding: 24px; }
.section-heading.inset { padding: 0 0 18px; }
.spacious { padding: 20px; }
.row-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.row-actions > .button { margin-top: 0; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(290px, 1fr); align-items: start; gap: 22px; }
.detail-summary { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin: 16px 0; color: var(--muted); font-size: 11px; }
.detail-summary strong { color: var(--secondary); }
.supporting-copy { font-size: 12px; color: var(--muted); margin-top: 12px; line-height: 1.8; }
.code-label { display: inline-block; font-family: ui-monospace, Consolas, monospace; color: var(--accent); background: var(--lavender); border-radius: 4px; font-size: 10px; padding: 5px 8px; }
.simple-select, .wide-select { background: var(--surface); color: var(--secondary); border: 1px solid var(--line-strong); border-radius: 6px; padding: 10px 12px; font-size: 11px; max-width: 100%; }
.wide-select { width: 100%; }
.form-field { display: block; margin: 18px 0; }
.form-field > span { display: block; font-size: 11px; font-weight: 550; margin-bottom: 9px; }
.form-field > input, .form-field > textarea, .form-field > select, .inline-form > input { width: 100%; background: var(--surface); color: var(--text); border: 1px solid var(--line-strong); border-radius: 6px; padding: 11px 12px; font-size: 12px; line-height: 1.55; }
.form-field > textarea { resize: vertical; min-height: 70px; }
.form-field > small { display: block; color: var(--muted); font-size: 10px; line-height: 1.7; margin-top: 7px; }
.form-field input[readonly] { background: var(--surface-soft); color: var(--muted); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-grid .form-field { margin-top: 0; }
.inline-form { display: flex; gap: 9px; align-items: center; margin-top: 20px; }
.inline-form > input { flex: 1; min-width: 0; }
.check-label { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0; font-size: 11px; line-height: 1.8; color: var(--secondary); cursor: pointer; }
input[type="checkbox"] { accent-color: var(--accent); flex-shrink: 0; width: 14px; height: 14px; margin-top: 3px; }
.form-error, .storage-error { padding: 12px 15px; border: 1px solid #ecd1cb; border-radius: 6px; background: #fff2ee; color: #a75949; font-size: 11px; line-height: 1.8; margin: 12px 0 20px; }
.note-amber { background: var(--amber-bg); color: var(--amber); border-color: #e9dab7; }
.note-amber > svg { color: var(--amber); }
.header-workspace { max-width: 245px; min-width: 100px; text-overflow: ellipsis; border: 0; background: var(--surface-soft); border-radius: 5px; padding: 8px; font-size: 10px; color: var(--secondary); margin-left: auto; }
.global-search > span { margin-right: 8px; }
.topbar { padding-left: 27px; padding-right: 27px; }
.main-nav { padding-bottom: 8px; }
.nav-group { margin-bottom: 12px; }
.nav-group-label { padding-bottom: 7px; }
.nav-item { height: 35px; }
.team-popover { max-height: 70dvh; overflow-y: auto; }
.password-field, .login-select-field { display: flex; align-items: center; width: 100%; min-height: 54px; gap: 12px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 15px; background: var(--surface-soft); transition: border-color .15s, box-shadow .15s; }
.password-field > svg, .login-select-field > svg { color: var(--muted); }
.password-field:focus-within, .login-select-field:focus-within { border-color: var(--accent); box-shadow: 0 0 0 4px #6555ce0e; }
.password-field input, .login-select-field select { min-width: 0; width: 100%; padding: 15px 0; border: 0; background: transparent; color: var(--text); outline: none; font-size: 12px; }
.password-field input:focus-visible, .login-select-field select:focus-visible { outline: none; }
.password-field input::placeholder { color: var(--muted); }
.password-field > button { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; padding: 0; border-radius: 9px; color: var(--secondary); }
.password-field > button:hover { background: var(--lavender); color: var(--accent); }
.document-category-picker { margin: 14px 0; flex-wrap: wrap; }
.card { border-radius: 14px; }
.button { border-radius: 10px; }
.form-field > input, .form-field > textarea, .form-field > select, .inline-form > input { border-radius: 10px; }
.modal { border-radius: 20px; }
.document-category-picker > button { font-size: 10px; padding: 10px 8px; flex: 1 1 auto; }
.selected-file > span { min-width: 0; flex: 1; }
.selected-file small { display: block; color: var(--muted); margin-top: 4px; }
.team-option { display: flex; align-items: center; gap: 10px; width: 100%; border-radius: 5px; padding: 10px 6px; text-align: left; font-size: 12px; }
.team-option:hover { color: var(--accent); background: var(--lavender); }
.team-popover p { margin-top: 13px; }
.app-footer { font-size: 9px; }
.toast { position: fixed; bottom: 22px; left: calc(50% + 100px); transform: translateX(-50%); display: flex; align-items: center; gap: 10px; z-index: 90; background: var(--surface); color: var(--secondary); border: 1px solid var(--line-strong); box-shadow: 0 8px 30px #21183420; border-radius: 8px; padding: 14px 17px; font-size: 11px; max-width: min(590px, 85vw); line-height: 1.7; }
.toast > svg { color: var(--green); }
.toast > button { display: grid; place-items: center; color: var(--muted); margin-left: 12px; }
.pagination { display: flex; align-items: center; gap: 12px; }
.pagination button { width: 25px; height: 25px; display: grid; place-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 4px; color: var(--secondary); }
.pagination button:disabled { opacity: .35; }
.library-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 24px 0 19px; }
.library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.library-card { display: block; text-align: left; padding: 23px; min-width: 0; }
.library-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.library-card h3 { font-size: 17px; line-height: 1.5; }
.library-card > p { color: var(--muted); font-size: 11px; min-height: 58px; margin-top: 9px; }
.library-meta { display: flex; justify-content: space-between; gap: 10px; font-size: 9px; color: var(--secondary); margin: 24px 0 19px; }
.library-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 16px; margin-top: 18px; border-top: 1px solid var(--line); font-size: 10px; color: var(--muted); }
.library-footer > svg { color: var(--accent); }
.history-row { display: flex; align-items: center; text-align: left; gap: 13px; width: 100%; padding: 17px 20px; border-bottom: 1px solid var(--line); }
.padded .history-row { padding-left: 0; padding-right: 0; }
.history-row > span:nth-child(2) { min-width: 0; }
.history-row strong { font-size: 11px; display: block; line-height: 1.5; }
.history-row small { display: block; color: var(--muted); font-size: 9px; margin-top: 5px; line-height: 1.5; }
.history-row > .badge, .history-row > .button { margin-left: auto; }
button.history-row:hover { background: var(--surface-soft); }
.member-list > div { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.member-list strong { display: block; font-size: 12px; }
.member-list small { display: block; font-size: 10px; color: var(--muted); margin-top: 4px; }
.member-list .button { margin-left: auto; }
.wizard-steps { display: flex; justify-content: space-between; gap: 16px; margin: 24px 0; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.wizard-steps > span { color: var(--muted); background: var(--bg); border-radius: 5px; padding: 5px 9px; font-size: 10px; display: flex; align-items: center; gap: 8px; }
.wizard-steps small { font-size: 9px; }
.wizard-steps > .active { background: var(--lavender); color: var(--accent); }
.review-source { padding: 17px 0; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.source-link { display: flex; gap: 10px; align-items: center; flex: 1; padding: 0; text-align: left; min-width: 180px; }
.source-link > svg { color: var(--accent); }
.source-link strong { display: block; font-size: 11px; overflow-wrap: anywhere; }
.source-link small { display: block; color: var(--muted); font-size: 9px; margin-top: 5px; }
.source-review-actions { display: flex; align-items: flex-end; gap: 10px; width: 100%; padding: 8px 0 12px; }
.source-review-actions > label { display: flex; flex-direction: column; gap: 6px; font-size: 9px; color: var(--muted); flex: 1; }
.source-review-actions select { background: var(--surface); border: 1px solid var(--line-strong); padding: 8px; border-radius: 5px; font-size: 10px; max-width: 100%; }
.review-checklist > div, .review-checklist > label { display: flex; align-items: center; gap: 9px; color: var(--secondary); font-size: 11px; line-height: 1.8; padding: 16px 0; border-bottom: 1px solid var(--line); }
.review-checklist > div > .badge { margin-left: auto; }
.review-checklist > label { align-items: flex-start; }
.rule-row { display: flex; align-items: center; gap: 14px; padding: 20px; border-top: 1px solid var(--line); }
.rule-row strong { display: block; font-size: 12px; }
.rule-row p { color: var(--muted); font-size: 11px; margin-top: 5px; }
.rule-row > .text-button { margin-left: auto; white-space: nowrap; }
.source-excerpt pre { font-family: inherit; font-size: 12px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 370px; overflow-y: auto; margin: 10px 0; }
.checksum { font-family: ui-monospace, Consolas, monospace; font-size: 9px; color: var(--muted); overflow-wrap: anywhere; line-height: 1.8; margin: 14px 0 0; }
.upload-busy { opacity: .65; pointer-events: none; }
.padded > .upload-zone { margin-top: 20px; }
.upload-zone { min-height: 180px; }
.diff-block { padding: 20px; border-top: 1px solid var(--line); }
.diff-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font-size: 10px; flex-wrap: wrap; }
.diff-heading strong { font-size: 12px; }
.diff-heading > span:not(.operation) { color: var(--muted); margin-left: auto; }
.operation { border-radius: 4px; font-size: 8px; letter-spacing: .7px; padding: 4px 6px; background: var(--lavender); color: var(--accent); }
.operation-add { color: var(--green); background: var(--green-bg); }
.operation-remove { color: #b76b63; background: #f9eeeb; }
.diff-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.diff-columns > div { padding: 16px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; }
.diff-columns > div:last-child { background: color-mix(in srgb, var(--green-bg) 50%, var(--surface)); }
.diff-columns small { color: var(--muted); font-size: 8px; letter-spacing: .8px; }
.diff-columns p { font-size: 12px; margin-top: 10px; color: var(--secondary); }
.chat-welcome { padding: 12px 14px 16px; }
.chat-welcome h3 { margin-top: 14px; font-size: 20px; letter-spacing: -.6px; }
.chat-welcome p { margin-top: 10px; color: var(--muted); font-size: 11px; }
.suggestion-list { display: flex; flex-direction: column; gap: 7px; margin: 20px 0 5px; }
.suggestion-list button { display: flex; align-items: center; justify-content: space-between; gap: 9px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 5px; padding: 10px 12px; font-size: 10px; text-align: left; color: var(--secondary); }
.suggestion-list button:hover { border-color: #c9bde1; color: var(--accent); }
.message-assistant .message-bubble { background: var(--surface-soft); border-radius: 0 8px 8px 8px; padding: 13px; }
.history-banner { margin: 20px 0 0; background: var(--lavender); border: 1px solid #d8cdec; border-radius: 6px; color: var(--accent); display: flex; align-items: center; gap: 10px; padding: 12px; font-size: 10px; line-height: 1.7; }
.history-banner > .button { margin-left: auto; }
.answer-preview { margin: 16px 0; border-left: 2px solid var(--accent); padding: 12px; background: var(--surface-soft); border-radius: 0 6px 6px 0; }
.answer-preview > small { display: block; font-size: 7px; letter-spacing: 1px; color: var(--accent); }
.answer-preview > p { font-size: 11px; white-space: pre-wrap; margin: 7px 0; color: var(--secondary); }
.answer-preview > span { font-size: 9px; color: var(--muted); line-height: 1.7; display: block; }
.stack-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 17px; }
.question-detail > .text-button { margin-left: 0; }
.readiness-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: 22px; align-items: start; }
.readiness-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 13px; margin: 18px 0; }
.readiness-tiles > div { border: 1px solid var(--line); padding: 16px 13px; border-radius: 6px; background: var(--surface-soft); }
.readiness-tiles strong { display: block; font-size: 27px; font-weight: 550; letter-spacing: -.8px; }
.readiness-tiles span { display: block; font-size: 9px; color: var(--muted); margin-top: 6px; line-height: 1.7; }
.job-row { display: flex; align-items: center; gap: 14px; padding: 20px; border-top: 1px solid var(--line); }
.job-row strong { font-size: 12px; }
.job-row p { font-size: 10px; color: var(--muted); margin-top: 5px; }
.job-row > .badge { margin-left: auto; }
.stage-dots { display: flex; gap: 4px; margin-top: 10px; }
.stage-dots span { width: 28px; height: 3px; background: var(--line); border-radius: 2px; }
.stage-dots .done { background: var(--accent); }
.gap-row { display: flex; align-items: flex-start; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--amber); }
.gap-row strong { font-size: 11px; }
.gap-row p { font-size: 11px; color: var(--secondary); margin-top: 4px; }
.suite-toolbar { display: flex; align-items: center; gap: 15px; margin: 22px 0; }
.suite-toolbar > select { max-width: 590px; }
.suite-grid { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.65fr); gap: 22px; align-items: start; }
.scenario-list { overflow: hidden; }
.scenario-list > .padded { padding: 17px; }
.scenario-list .search-field { max-width: none; }
.scenario-item { display: block; width: 100%; padding: 17px; text-align: left; border-top: 1px solid var(--line); border-left: 3px solid transparent; }
.scenario-item:hover { background: var(--surface-soft); }
.scenario-item.selected { background: var(--lavender); border-left-color: var(--accent); }
.scenario-item > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 8px; }
.scenario-item > div > .badge { font-size: 7px; }
.scenario-item strong { display: block; margin: 10px 0 7px; font-size: 12px; line-height: 1.6; }
.scenario-item > small { color: var(--muted); font-size: 9px; }
.scenario-title { font-size: 23px; letter-spacing: -.7px; line-height: 1.4; margin: 3px 0 17px; }
.test-field { margin: 23px 0; }
.test-field h3 { font-size: 12px; margin-bottom: 10px; }
.test-field p { font-size: 12px; color: var(--secondary); white-space: pre-wrap; }
.test-steps { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.test-steps > li { display: flex; align-items: flex-start; gap: 11px; font-size: 12px; line-height: 1.8; color: var(--secondary); }
.test-steps > li > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--lavender); color: var(--accent); font-size: 10px; flex-shrink: 0; }
.expected-result { padding: 15px; background: var(--green-bg); border: 1px solid color-mix(in srgb, var(--green) 18%, transparent); border-radius: 6px; color: var(--green); font-size: 12px; line-height: 1.9; white-space: pre-wrap; }
.expected-result.unresolved { background: var(--amber-bg); color: var(--amber); border-color: #ebd9b0; }
.source-citation { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 14px; border-radius: 6px; background: var(--lavender); color: var(--accent); margin-bottom: 8px; }
.source-citation strong { font-size: 11px; display: block; }
.source-citation small { font-size: 9px; color: var(--muted); display: block; margin-top: 5px; }
.source-citation > svg:last-child { margin-left: auto; }
.review-actions { display: flex; gap: 9px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--line); }
.field-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.field-chips > span { color: var(--secondary); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 4px; font-size: 8px; padding: 5px 7px; }
.file-button { position: relative; overflow: hidden; cursor: pointer; }
.file-button > input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-button:focus-within { outline: 3px solid #a79ae9; outline-offset: 3px; }
.template-fields { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; max-height: 260px; overflow-y: auto; }
.template-fields > div { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--line); }
.template-fields > div > span { color: var(--muted); font-size: 9px; min-width: 15px; }
.template-fields strong { font-size: 11px; font-weight: 500; flex: 1; }
.template-fields button { color: var(--muted); width: 24px; height: 24px; display: grid; place-items: center; border-radius: 3px; }
.template-fields button:hover { background: var(--lavender); color: var(--accent); }
.template-fields button:disabled { opacity: .3; }
.import-table { margin-top: 20px; border: 1px solid var(--line); border-radius: 5px; }
.candidate-summary { display: flex; align-items: center; gap: 13px; }
.candidate-summary > .soft-icon { width: 42px; height: 45px; }
.candidate-summary p { color: var(--muted); font-size: 11px; margin-top: 5px; }
.candidate-summary > .badge { margin-left: auto; }
.decision-record { border-bottom: 1px solid var(--line); padding: 18px 0; }
.decision-record > strong { display: block; font-size: 12px; margin: 11px 0 6px; }
.decision-record > small { display: block; color: var(--muted); font-size: 9px; }
.decision-record p { margin-top: 8px; font-size: 11px; color: var(--secondary); }
.graph-layout { display: grid; grid-template-columns: minmax(0, 1fr) 275px; gap: 21px; align-items: start; }
.graph-card { overflow: hidden; }
.graph-toolbar { display: flex; align-items: center; gap: 10px; padding: 16px; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.graph-toolbar .search-field { flex: 1; min-width: 160px; }
.graph-toolbar > label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.graph-toolbar select { background: var(--surface); border: 1px solid var(--line); border-radius: 4px; padding: 5px; }
.graph-toolbar .button { padding: 6px 9px; min-height: 28px; font-size: 9px; }
.graph-type-filters { display: flex; flex-wrap: wrap; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.graph-type-filters label { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 8px; }
.graph-type-filters input { width: 10px; height: 10px; margin: 0; }
.graph-type-filters label > span { width: 5px; height: 5px; border-radius: 50%; }
.graph-surface { background: var(--surface-soft); overflow: hidden; }
.graph-surface svg { display: block; width: 100%; min-height: 440px; max-height: 620px; touch-action: none; cursor: grab; }
.graph-surface svg:active { cursor: grabbing; }
.graph-grid { color: var(--line-strong); }
.graph-node { cursor: pointer; transition: opacity 140ms ease; }
.graph-node.dimmed { opacity: .2; }
.graph-node:hover rect { stroke-width: 2.3px; }
.graph-node:focus-visible { outline: none; }
.graph-node:focus-visible rect { stroke-width: 3px; stroke: var(--accent); }
.graph-node-type { font-size: 6.5px; letter-spacing: 1px; fill: var(--muted); }
.graph-node-title { font-size: 9px; fill: var(--text); }
.graph-edge-label { font-size: 5.8px; fill: var(--muted); paint-order: stroke; stroke: var(--surface-soft); stroke-width: 4px; }
.graph-inspector h2 { font-size: 16px; overflow-wrap: anywhere; }
.graph-relationship { display: flex; flex-direction: column; gap: 7px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 10px; line-height: 1.7; color: var(--secondary); overflow-wrap: anywhere; }
.graph-relationship small { color: var(--accent); font-size: 7px; letter-spacing: 1px; }
.role-row { display: flex; align-items: flex-start; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.role-row > svg { color: var(--accent); }
.role-row strong { font-size: 12px; }
.role-row p { color: var(--muted); font-size: 11px; margin-top: 6px; }
.settings-card { max-width: 750px; }
.sharing-form { display: grid; grid-template-columns: 1.4fr 1fr auto; align-items: end; gap: 14px; }
.sharing-form .form-field { margin: 0; }
.sharing-form > .button { height: 42px; }
.about-features > div { display: flex; gap: 9px; align-items: flex-start; font-size: 12px; line-height: 1.8; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--secondary); }
.about-features svg { color: var(--green); margin-top: 3px; }
.login-page { min-height: 100dvh; display: grid; grid-template-columns: 1.05fr 1fr; background: var(--surface); }
.login-story { padding: 45px 55px 30px; color: #f7f5ff; background: #363052; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.login-story::after { content: ''; position: absolute; width: 470px; height: 470px; border: 1px solid #b8a5e815; border-radius: 50%; right: -230px; bottom: -150px; box-shadow: 0 0 0 70px #b8a5e808, 0 0 0 140px #b8a5e805; pointer-events: none; }
.login-brand { display: flex; align-items: center; gap: 13px; font-size: 21px; font-weight: 600; letter-spacing: -.7px; }
.login-brand .brand-symbol { height: 44px; width: 43px; background: #8270be; }
.login-story-body { margin: auto 0; padding: 70px 0; position: relative; z-index: 1; }
.login-story .eyebrow { color: #b3a5d1; font-size: 9px; margin-bottom: 25px; }
.login-story h1 { font-size: clamp(30px, 3vw, 48px); letter-spacing: -1.9px; line-height: 1.25; }
.login-story-body > p { color: #bdb4cf; font-size: 13px; max-width: 410px; line-height: 1.9; margin: 24px 0 33px; }
.login-feature { display: flex; align-items: center; gap: 12px; color: #d2c9e2; font-size: 12px; padding: 13px 0; }
.login-feature > svg { color: #a897d2; }
.login-story-footer { font-size: 10px; color: #9c8eb4; }
.login-form-area { padding: 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background: radial-gradient(ellipse at 85% 8%, #eeeafa66, transparent 56%), var(--bg); }
.login-form-area form { width: 100%; max-width: 450px; padding: 36px; border-radius: 26px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 18px 65px #40357109; }
.login-form-area h2 { font-size: 30px; letter-spacing: -1.1px; margin-top: 22px; }
.login-form-area form > p { font-size: 12px; color: var(--muted); margin: 13px 0 30px; }
.demo-identity { display: flex; align-items: center; gap: 11px; padding: 16px 0 23px; }
.demo-identity strong { font-size: 12px; display: block; }
.demo-identity small { font-size: 9px; color: var(--muted); display: block; margin-top: 5px; }
.login-form-area .button-primary { min-height: 52px; border-radius: 15px; margin-top: 8px; font-size: 13px; box-shadow: 0 7px 18px #6555ce17; }
.login-form-area .modal-note { font-size: 9px; margin-top: 22px; border-radius: 13px; }
.login-footer { position: absolute; bottom: 25px; font-size: 9px; color: var(--muted); }
[data-theme="dark"] .badge-red { background: #442c2d; color: #d89f99; }
[data-theme="dark"] .note-amber { border-color: #665333; }
[data-theme="dark"] .operation-remove { background: #422d2e; color: #d49e92; }
[data-theme="dark"] .form-error, [data-theme="dark"] .storage-error { color: #dda995; background: #3c2b27; border-color: #654238; }

@media (min-width: 1500px) {
  .header-workspace { max-width: 320px; }
  .global-search > span { margin-right: 30px; }
  .library-grid { gap: 24px; }
  .graph-layout { grid-template-columns: minmax(0, 1fr) 315px; }
}
@media (max-width: 1200px) {
  .header-workspace { max-width: 190px; font-size: 9px; }
  .global-search > span, .global-search kbd { display: none; }
  .topbar { padding: 0 22px; }
  .library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-grid, .readiness-layout { grid-template-columns: minmax(0, 1.3fr) minmax(270px, 1fr); gap: 18px; }
  .padded { padding: 20px; }
  .graph-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 17px; }
  .graph-toolbar .search-field { max-width: none; }
  .sharing-form { grid-template-columns: 1fr 1fr; }
  .sharing-form .button { justify-self: start; }
  .login-story { padding: 35px; }
}
@media (max-width: 1020px) {
  .header-workspace { max-width: 170px; }
  .detail-grid, .readiness-layout { grid-template-columns: 1fr; }
  .graph-layout { grid-template-columns: 1fr; }
  .graph-inspector { min-height: 180px; }
  .graph-surface svg { min-height: 470px; max-height: 650px; }
  .suite-grid { grid-template-columns: 235px minmax(0, 1fr); gap: 16px; }
  .scenario-detail { padding: 19px; }
  .scenario-title { font-size: 20px; }
  .preview-badge { font-size: 8px; }
  .login-story { padding: 30px; }
  .login-form-area { padding: 35px; }
}
@media (max-width: 760px) {
  .topbar { padding: 0 15px; }
  .header-workspace { max-width: 160px; font-size: 8px; }
  .topbar .breadcrumbs { margin-right: 0; }
  .topbar .breadcrumbs > span, .topbar .breadcrumbs > svg { display: none; }
  .topbar .breadcrumbs > strong { font-size: 9px; }
  .topbar-actions { margin-left: auto; }
  .library-card { padding: 19px; }
  .toast { left: 50%; width: max-content; max-width: 90vw; font-size: 10px; }
  .app-footer { font-size: 7px; }
  .diff-columns { gap: 10px; }
  .diff-columns > div { padding: 13px; }
  .diff-columns p { font-size: 11px; }
  .history-row { padding: 15px; }
  .history-row strong { font-size: 10px; }
  .history-row small { font-size: 8px; }
  .login-page { grid-template-columns: .9fr 1.1fr; }
  .login-story { padding: 28px 25px; }
  .login-brand { font-size: 17px; }
  .login-story h1 { font-size: 32px; letter-spacing: -1.3px; }
  .login-story-body > p { font-size: 11px; }
  .login-feature { font-size: 10px; }
  .login-form-area { padding: 28px; }
  .login-form-area h2 { font-size: 25px; }
  .review-source { padding: 17px 0; }
}
@media (max-width: 580px) {
  .header-workspace { max-width: 130px; }
  .topbar .breadcrumbs { display: none; }
  .preview-badge { font-size: 7px; }
  .library-grid { grid-template-columns: 1fr; gap: 15px; }
  .library-card > p { min-height: 0; }
  .library-meta { margin-top: 19px; }
  .detail-grid, .workspace-grid, .readiness-layout { gap: 16px; }
  .padded { padding: 18px; }
  .form-grid { grid-template-columns: 1fr; gap: 0; }
  .form-grid .form-field { margin-bottom: 18px; }
  .detail-summary { gap: 12px; font-size: 9px; }
  .page-heading > .row-actions .button { font-size: 9px; }
  .table-toolbar.spacious { flex-wrap: wrap; padding: 16px; }
  .table-toolbar.spacious .search-field { max-width: none; }
  .suite-grid { grid-template-columns: 1fr; }
  .scenario-list { max-height: 360px; overflow-y: auto; }
  .scenario-item { padding: 14px 16px; }
  .scenario-item strong { font-size: 11px; }
  .scenario-list > .padded { position: sticky; top: 0; background: var(--surface); z-index: 1; }
  .scenario-title { font-size: 22px; }
  .suite-toolbar { flex-wrap: wrap; gap: 10px; }
  .test-field p, .test-steps > li, .expected-result { font-size: 11px; }
  .source-citation strong { font-size: 10px; overflow-wrap: anywhere; }
  .source-citation small { font-size: 8px; }
  .readiness-tiles { gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .readiness-tiles > div { padding: 12px 10px; }
  .readiness-tiles strong { font-size: 24px; }
  .readiness-tiles span { font-size: 8px; }
  .job-row { flex-wrap: wrap; gap: 12px; padding: 16px; }
  .job-row > .badge { margin-left: 42px; }
  .job-row strong { font-size: 10px; }
  .job-row p { font-size: 9px; }
  .job-row > .button { margin-left: auto; }
  .diff-columns { grid-template-columns: 1fr; }
  .diff-heading strong { font-size: 10px; }
  .diff-heading > span:not(.operation) { font-size: 8px; }
  .source-review-actions { flex-wrap: wrap; }
  .source-review-actions > label { flex-basis: 100%; }
  .rule-row { flex-wrap: wrap; gap: 10px; padding: 16px; }
  .rule-row strong { font-size: 11px; }
  .rule-row p { font-size: 10px; }
  .wizard-steps { gap: 6px; }
  .wizard-steps > span { padding: 5px; gap: 5px; font-size: 8px; }
  .wizard-steps small { font-size: 7px; }
  .history-banner { flex-wrap: wrap; font-size: 9px; }
  .history-banner > .button { font-size: 9px; }
  .sharing-form { grid-template-columns: 1fr; }
  .login-page { display: flex; flex-direction: column; }
  .login-story { padding: 28px; min-height: 245px; }
  .login-story-body { padding: 28px 0 12px; }
  .login-story .eyebrow { margin-bottom: 15px; font-size: 7px; }
  .login-story h1 { font-size: 31px; }
  .login-story-body > p, .login-feature, .login-story-footer { display: none; }
  .login-form-area { padding: 35px 26px 60px; }
  .login-footer { bottom: 20px; font-size: 8px; }
  .login-form-area h2 { font-size: 27px; }
  .graph-toolbar { gap: 13px; }
  .graph-toolbar .search-field { min-width: 100%; }
  .graph-surface svg { min-height: 400px; max-height: 500px; }
  .graph-type-filters { gap: 9px; }
  .graph-card .table-footer { gap: 6px; font-size: 7px; }
  .graph-card .table-footer > span { font-size: 6px; }
  .candidate-summary { align-items: flex-start; flex-wrap: wrap; }
  .candidate-summary > .badge { margin-left: 55px; }
  .candidate-summary p { font-size: 10px; }
  .candidate-summary h3 { font-size: 16px; }
  .member-list strong { font-size: 10px; }
  .member-list .button { font-size: 8px; padding: 6px 8px; }
  .app-footer { flex-wrap: wrap; justify-content: center; padding: 20px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .library-card, .stat-card, .graph-node, .button { transition: none; }
  button.library-card:hover, .button:active:not(:disabled) { transform: none; }
}

Testcraft Studio frontend 38: src/store.jsx

Rahul — Wed, 21 Oct 2026 07:38:27 +0000

import React, { createContext, useContext, useEffect, useState } from 'react';
import { makeSeed, upgradeDemoState } from './seed.js';

const KEY = 'testcraft-studio-v2';
const LEGACY_KEY = 'ccil-studio-demo-v1';
const Store = createContext(null);
export const uid = prefix => `${prefix}-${globalThis.crypto?.randomUUID?.() || `${Date.now()}-${Math.random().toString(36).slice(2)}`}`;
export const timestamp = () => new Date().toISOString();
export const contextKey = w => `${w.id}:${w.version}`;
export const roleLabels = { user: 'User', administrator: 'Administrator' };
export const canReview = s => ['user', 'administrator'].includes(s.session.role);
export const canApprove = s => s.session.authenticated === true && s.session.role === 'administrator';
export const visibleWorkspaces = s => s.workspaces.filter(w => w.team === s.session.team);
export function questionsFor(s, w) { return w ? s.questions.filter(q => q.workspaceId === w.id && q.version === w.version) : []; }
export function eligibleDocuments(s, w) {
  if (!w) return [];
  const baseline = s.baselines.find(b => b.id === w.baselineId);
  const rules = new Map((baseline?.rules || []).map(r => [r.id, r]));
  s.crs.filter(c => w.crIds.includes(c.id)).forEach(cr => cr.changes.forEach(change => { if (change.op === 'REMOVE') rules.delete(change.ruleId); else rules.set(change.ruleId, { source: change.source }); }));
  (w.customRules || []).forEach(r => rules.set(r.id, r));
  const currentSources = new Set([...rules.values()].map(r => r.source));
  const ruleSources = new Set([...s.baselines.flatMap(b => b.rules.map(r => r.source)), ...s.crs.flatMap(cr => cr.changes.map(c => c.source))]);
  return s.documents.filter(d => {
    const member = (d.team === w.team && (baseline?.sourceIds.includes(d.id) || (w.sourceIds || []).includes(d.id) || d.workspaceId === w.id || w.crIds.includes(d.crId))) || ((w.sharedContractIds || []).includes(d.id) && s.shares.some(g => g.sourceId === d.id && g.consumer === w.team && g.status === 'Active'));
    if (!member) return false;
    if (d.crId && !w.crIds.includes(d.crId) && !baseline?.incorporatedCRs.includes(d.crId)) return false;
    return !ruleSources.has(d.id) || currentSources.has(d.id);
  });
}
export function resolveSelection(s, baselineId, crIds) {
  const baseline = s.baselines.find(b => b.id === baselineId);
  const issues = [];
  if (!baseline || !['Active', 'Approved'].includes(baseline.status)) issues.push('Select an active System Baseline.');
  if (baseline && baseline.team !== s.session.team) issues.push('The baseline must belong to the selected team.');
  const changes = s.crs.filter(c => crIds.includes(c.id));
  for (const cr of changes) {
    if (cr.team !== s.session.team) issues.push(`${cr.ref} belongs to another team.`);
    if (baseline?.incorporatedCRs.includes(cr.id)) issues.push(`${cr.ref} is already incorporated in ${baseline.ref}.`);
    for (const required of cr.requires) if (!crIds.includes(required) && !baseline?.incorporatedCRs.includes(required)) issues.push(`${cr.ref} requires ${s.crs.find(c => c.id === required)?.ref || required}.`);
    for (const conflict of cr.conflicts) if (crIds.includes(conflict)) issues.push(`${cr.ref} conflicts with ${s.crs.find(c => c.id === conflict)?.ref || conflict}.`);
  }
  return { baseline, changes, issues: [...new Set(issues)], diff: changes.flatMap(c => c.changes.map(change => ({ ...change, crRef: c.ref }))) };
}
export function readiness(s, w) {
  if (!w) return { ready: false, blockers: ['Select a workspace.'], questions: [], sources: [], verified: 0 };
  const questions = questionsFor(s, w);
  const sources = eligibleDocuments(s, w);
  const unresolved = questions.filter(q => q.status !== 'resolved');
  const selection = resolveSelection(s, w.baselineId, w.crIds);
  const blockers = [...selection.issues];

  if (!w.requirementCount) blockers.push('No reviewed requirements are available.');
  if (!sources.some(d => d.status === 'Ready' || d.status === 'Reviewed locally')) blockers.push('No reviewed evidence is available.');
  if (sources.some(d => !['Ready', 'Reviewed locally'].includes(d.status))) blockers.push('Some sources still need local review.');
  const missingShared = (w.sharedContractIds || []).filter(id => !sources.some(d => d.id === id));
  if (missingShared.length) blockers.push('A selected shared contract is no longer accessible. Update the knowledge selection.');
  const evidenceIds = new Set(sources.filter(d => ['Ready', 'Reviewed locally'].includes(d.status)).map(d => d.id));
  const ruleMap = new Map((selection.baseline?.rules || []).map(r => [r.id, r]));
  selection.diff.forEach(c => { if (c.op === 'REMOVE') ruleMap.delete(c.ruleId); else ruleMap.set(c.ruleId, { source: c.source }); });
  (w.customRules || []).forEach(r => ruleMap.set(r.id, r));
  if ([...ruleMap.values()].some(r => !evidenceIds.has(r.source))) blockers.push('A selected requirement is missing accessible reviewed evidence.');
  return { ready: !blockers.length, blockers, questions, sources, verified: Math.max(0, w.requirementCount - new Set(unresolved.map(q => q.requirement)).size), selection };
}
export function workspaceStatus(s, w) {
  if (!w.baselineId) return w.pendingBaselineId ? 'Awaiting baseline approval' : 'Add baseline';
  if (!w.requirementCount) return 'Draft';

  if (s.suites.some(t => t.workspaceId === w.id && t.version === w.version)) return 'Ready for review';
  return 'Ready to generate';
}
export function bumpVersion(draft, w) {
  const old = questionsFor(draft, w);
  w.version += 1; w.updatedAt = timestamp();
  old.forEach(q => draft.questions.push({ ...q, id: uid('question'), version: w.version, status: 'open', answer: '', sourceReference: '', answerSourceId: '', author: null, answeredAt: null, validatedBy: null, validatedAt: null }));
}
export function log(draft, action) { draft.audit.unshift({ id: uid('audit'), action, actor: draft.session.name, team: draft.session.team, at: timestamp() }); }
export function makeFreshState() {
  const state = makeSeed();
  for (const key of ['workspaces', 'documents', 'baselines', 'crs', 'questions', 'candidates', 'suites', 'jobs', 'shares', 'examples', 'audit']) state[key] = [];
  state.threads = {}; state.activeWorkspaceId = ''; state.session.authenticated = false;
  return state;
}
function load() {
  try {
    const stored = JSON.parse(localStorage.getItem(KEY) || localStorage.getItem(LEGACY_KEY));
    if (stored?.schema === 1) { stored.jobs = stored.jobs.map(j => ['running', 'queued'].includes(j.status) ? { ...j, status: 'Interrupted', stage: 'Browser restarted. Retry this run.' } : j); return upgradeDemoState(stored); }
  } catch { /* Missing or invalid local data falls back to the sample dataset. */ }
  return makeFreshState();
}
export function StoreProvider({ children }) {
  const [state, setState] = useState(load);
  const [saveError, setSaveError] = useState('');
  const [toast, setToast] = useState('');
  useEffect(() => { try { localStorage.setItem(KEY, JSON.stringify(state)); setSaveError(''); } catch { setSaveError('Browser storage is full or unavailable. Your latest changes are only in memory. Export your records from Administration.'); } }, [state]);
  useEffect(() => { if (!toast) return; const timer = setTimeout(() => setToast(''), 4500); return () => clearTimeout(timer); }, [toast]);
  const mutate = action => setState(previous => { const next = structuredClone(previous); action(next); return next; });
  const workspace = visibleWorkspaces(state).find(w => w.id === state.activeWorkspaceId);
  const reset = () => { setState(makeFreshState()); setToast('Application records reset.'); };
  return <Store.Provider value={{ state, mutate, workspace, toast, notify: setToast, saveError, reset }}>{children}</Store.Provider>;
}
export const useStudio = () => useContext(Store);

export function download(name, content, type = 'text/plain') {
  const url = URL.createObjectURL(new Blob([content], { type }));
  const a = document.createElement('a'); a.href = url; a.download = name; a.click();
  setTimeout(() => URL.revokeObjectURL(url), 1000);
}
export function csv(rows) { return '\uFEFF' + rows.map(row => row.map(value => { let text = String(value ?? ''); if (/^[=+@\-\t\r]/.test(text)) text = `'${text}`; return `"${text.replaceAll('"', '""')}"`; }).join(',')).join('\r\n'); }
export function parseCsv(text) {
  const rows = []; let row = [], cell = '', quoted = false;
  const input = text.replace(/^\uFEFF/, '');
  for (let i = 0; i < input.length; i++) {
    const ch = input[i];
    if (ch === '"') { if (quoted && input[i + 1] === '"') { cell += '"'; i++; } else quoted = !quoted; }
    else if (ch === ',' && !quoted) { row.push(cell); cell = ''; }
    else if (ch === '\n' && !quoted) { row.push(cell.replace(/\r$/, '')); rows.push(row); row = []; cell = ''; }
    else cell += ch;
  }
  if (quoted) throw new Error('The CSV contains an unclosed quoted value.');
  row.push(cell.replace(/\r$/, '')); if (row.some(Boolean)) rows.push(row);
  return rows;
}

Testcraft Studio frontend 36: src/revision.css

Rahul — Wed, 21 Oct 2026 07:35:22 +0000

.start-guide { margin-top: 24px; overflow: hidden; }
.onboarding-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 22px 24px; gap: 14px; }
.onboarding-step { text-align: left; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface-soft); transition: border-color .15s, background .15s; }
.onboarding-step:hover { border-color: var(--accent); background: var(--lavender); }
.step-kicker { display: flex; justify-content: space-between; align-items: center; color: var(--accent); font-size: 11px; margin-bottom: 22px; font-weight: 650; }
.onboarding-step > strong { display: block; font-size: 13px; color: var(--text); }
.onboarding-step p { font-size: 11px; line-height: 1.7; color: var(--muted); min-height: 36px; margin: 9px 0 16px; }
.onboarding-step > svg { color: var(--accent); }
.workspace-setup { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 55px 35px 35px; }
.setup-orbit { display: grid; place-items: center; width: 100px; height: 100px; border-radius: 30px; background: var(--lavender); color: var(--accent); margin-bottom: 25px; box-shadow: 0 0 0 12px #6856d107; }
.workspace-setup h2 { font-size: 28px; margin: 14px 0; letter-spacing: -.7px; }
.workspace-setup > p { max-width: 570px; line-height: 1.8; font-size: 13px; color: var(--muted); margin-bottom: 25px; }
.setup-path { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: center; width: 100%; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.setup-path .done { color: var(--accent); font-weight: 650; }
.lifecycle-steps { display: grid; gap: 20px; margin: 25px 0; }
.lifecycle-steps > span { display: flex; align-items: center; gap: 13px; font-size: 12px; }
.lifecycle-steps svg { color: var(--accent); }
.baseline-staged-files { max-height: 200px; overflow-y: auto; }
.approval-layout { display: grid; grid-template-columns: minmax(240px,.7fr) minmax(0,2fr); gap: 24px; align-items: start; }
.approval-queue { overflow: hidden; }
.approval-queue-item { width: 100%; display: flex; align-items: center; text-align: left; justify-content: space-between; gap: 15px; padding: 22px; border-top: 1px solid var(--line); }
.approval-queue-item.selected { background: var(--lavender); box-shadow: inset 3px 0 var(--accent); }
.approval-queue-item strong, .approval-queue-item small { display: block; }
.approval-queue-item strong { font-size: 13px; margin-bottom: 8px; }
.approval-queue-item small { font-size: 10px; color: var(--muted); }
.approval-queue-item .badge { font-size: 9px; white-space: normal; }
.manifest-details { margin-top: 22px; font-size: 11px; color: var(--muted); }
.manifest-details summary { cursor: pointer; }
.manifest-details code { display: block; overflow-wrap: anywhere; padding: 14px 0 0; line-height: 1.7; }
.generation-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(270px,1fr); gap: 24px; align-items: start; }
.generation-main { padding: 30px; }
.template-upload-option { display: flex; align-items: flex-start; flex-direction: column; gap: 9px; margin-top: 18px; }
.template-upload-option > small { font-size: 10px; color: var(--muted); }
.generation-fields { display: flex; flex-wrap: wrap; gap: 8px; padding: 24px 0; margin-top: 16px; border-top: 1px solid var(--line); }
.generation-fields > span { padding: 8px 11px; border-radius: 9px; background: var(--surface-soft); font-size: 10px; color: var(--secondary); }
.generation-action { margin-top: 12px; padding-top: 24px; border-top: 1px solid var(--line); }
.generation-action > p { text-align: center; color: var(--muted); font-size: 10px; margin-top: 12px; }
.evidence-check-row { display: flex; align-items: center; gap: 12px; margin: 18px 0; font-size: 12px; }
.evidence-check-row svg { color: var(--accent); }
.optional-help > h2 { margin-top: 20px; }
.optional-help > p { font-size: 12px; color: var(--muted); line-height: 1.8; margin: 13px 0 20px; }
.optional-clarifications { padding-top: 20px; }
.optional-clarifications > summary { cursor: pointer; padding: 0 20px 20px; font-size: 13px; font-weight: 650; color: var(--text); }
.optional-clarifications:not([open]) { padding-bottom: 0; }
.composer-label { display: block; font-size: 11px; font-weight: 650; padding: 15px 16px 0; color: var(--text); }
.chat-composer { border-radius: 19px; }
.chat-composer textarea { min-height: 85px; font-size: 13px; }
.chat-welcome { padding: 35px 20px; }
.chat-welcome p { max-width: 470px; margin-left: auto; margin-right: auto; line-height: 1.8; }
.import-table { max-height: 230px; margin: 20px 0; }
.import-table th { white-space: nowrap; }
@media(max-width:1100px) { .onboarding-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.generation-layout { grid-template-columns: 1fr; }.approval-layout { grid-template-columns: 1fr; } }
@media(max-width:600px) { .onboarding-grid { grid-template-columns: 1fr; }.workspace-setup { padding: 35px 20px; }.workspace-setup h2 { font-size: 24px; }.setup-path { gap: 8px; font-size: 9px; }.generation-main { padding: 22px; }.approval-queue-item { padding: 18px; } }