mattInitialize project structure with essential configuration files including .editorconfig, .gitattributes, .gitignore, and TypeScript settings. Add build and linting configurations, along with README, LICENSE, and contribution guidelines. Set up Tailwind CSS and ESLint for styling and code quality. Include initial package.json and pnpm workspace configuration for dependency management.96fab909 months agoHistory
67 lines · 1.8 KB · TypeScriptRawDownload
/** * DefaultToolViewer * * Default rendering for tools that don't have specialized viewers. */ import React from 'react'; import { type ItemStatus, StatusDot } from '../BaseItem'; import { renderInput, renderOutput } from './renderHelpers'; import type { LinkedToolItem } from '@renderer/types/groups'; interface DefaultToolViewerProps {  linkedTool: LinkedToolItem;  status: ItemStatus;} export const DefaultToolViewer: React.FC<DefaultToolViewerProps> = ({ linkedTool, status }) => {  return (    <>      {/* Input Section */}      <div>        <div className="mb-1 text-xs" style={{ color: 'var(--tool-item-muted)' }}>          Input        </div>        <div          className="max-h-96 overflow-auto rounded p-3 font-mono text-xs"          style={{            backgroundColor: 'var(--code-bg)',            border: '1px solid var(--code-border)',            color: 'var(--color-text-secondary)',          }}        >          {renderInput(linkedTool.name, linkedTool.input)}        </div>      </div>       {/* Output Section */}      {!linkedTool.isOrphaned && linkedTool.result && (        <div>          <div            className="mb-1 flex items-center gap-2 text-xs"            style={{ color: 'var(--tool-item-muted)' }}          >            Output            <StatusDot status={status} />          </div>          <div            className="max-h-96 overflow-auto rounded p-3 font-mono text-xs"            style={{              backgroundColor: 'var(--code-bg)',              border: '1px solid var(--code-border)',              color:                status === 'error'                  ? 'var(--tool-result-error-text)'                  : 'var(--color-text-secondary)',            }}          >            {renderOutput(linkedTool.result.content)}          </div>        </div>      )}    </>  );};