@bluefly/openstandardagents 0.2.4 → 0.2.7

package/website/app/globals.scss

@@ -0,0 +1,370 @@
+@use '../styles/variables.scss' as *;
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    /* ========================================================================
+       PRIMARY BRAND COLOR - Deep Purple
+       ======================================================================== */
+    --ossa-primary-50: #{$ossa-primary-50};
+    --ossa-primary-100: #{$ossa-primary-100};
+    --ossa-primary-200: #{$ossa-primary-200};
+    --ossa-primary-300: #{$ossa-primary-300};
+    --ossa-primary-400: #{$ossa-primary-400};
+    --ossa-primary: #{$ossa-primary-500};
+    --ossa-primary-500: #{$ossa-primary-500};
+    --ossa-primary-600: #{$ossa-primary-600};
+    --ossa-primary-700: #{$ossa-primary-700};
+    --ossa-primary-800: #{$ossa-primary-800};
+    --ossa-primary-900: #{$ossa-primary-900};
+    --ossa-primary-950: #{$ossa-primary-950};
+
+    /* ========================================================================
+       SECONDARY BRAND COLOR - Cyan Blue
+       ======================================================================== */
+    --ossa-secondary-50: #{$ossa-secondary-50};
+    --ossa-secondary-100: #{$ossa-secondary-100};
+    --ossa-secondary-200: #{$ossa-secondary-200};
+    --ossa-secondary-300: #{$ossa-secondary-300};
+    --ossa-secondary-400: #{$ossa-secondary-400};
+    --ossa-secondary: #{$ossa-secondary-500};
+    --ossa-secondary-500: #{$ossa-secondary-500};
+    --ossa-secondary-600: #{$ossa-secondary-600};
+    --ossa-secondary-700: #{$ossa-secondary-700};
+    --ossa-secondary-800: #{$ossa-secondary-800};
+    --ossa-secondary-900: #{$ossa-secondary-900};
+    --ossa-secondary-950: #{$ossa-secondary-950};
+
+    /* ========================================================================
+       ACCENT COLOR - Light Purple
+       ======================================================================== */
+    --ossa-accent-50: #{$ossa-accent-50};
+    --ossa-accent-100: #{$ossa-accent-100};
+    --ossa-accent-200: #{$ossa-accent-200};
+    --ossa-accent-300: #{$ossa-accent-300};
+    --ossa-accent-400: #{$ossa-accent-400};
+    --ossa-accent: #{$ossa-accent-500};
+    --ossa-accent-500: #{$ossa-accent-500};
+    --ossa-accent-600: #{$ossa-accent-600};
+    --ossa-accent-700: #{$ossa-accent-700};
+    --ossa-accent-800: #{$ossa-accent-800};
+    --ossa-accent-900: #{$ossa-accent-900};
+    --ossa-accent-950: #{$ossa-accent-950};
+
+    /* ========================================================================
+       DARK PURPLE - For contrast and depth
+       ======================================================================== */
+    --ossa-dark-purple-50: #{$ossa-dark-purple-50};
+    --ossa-dark-purple-100: #{$ossa-dark-purple-100};
+    --ossa-dark-purple-200: #{$ossa-dark-purple-200};
+    --ossa-dark-purple-300: #{$ossa-dark-purple-300};
+    --ossa-dark-purple-400: #{$ossa-dark-purple-400};
+    --ossa-dark-purple-500: #{$ossa-dark-purple-500};
+    --ossa-dark-purple-600: #{$ossa-dark-purple-600};
+    --ossa-dark-purple-700: #{$ossa-dark-purple-700};
+    --ossa-dark-purple-800: #{$ossa-dark-purple-800};
+    --ossa-dark-purple: #{$ossa-dark-purple-900};
+    --ossa-dark-purple-900: #{$ossa-dark-purple-900};
+    --ossa-dark-purple-950: #{$ossa-dark-purple-950};
+
+    /* ========================================================================
+       SEMANTIC COLORS
+       ======================================================================== */
+    /* Success - Green */
+    --ossa-success-50: #{$ossa-success-50};
+    --ossa-success-100: #{$ossa-success-100};
+    --ossa-success-200: #{$ossa-success-200};
+    --ossa-success-300: #{$ossa-success-300};
+    --ossa-success-400: #{$ossa-success-400};
+    --ossa-success: #{$ossa-success-500};
+    --ossa-success-500: #{$ossa-success-500};
+    --ossa-success-600: #{$ossa-success-600};
+    --ossa-success-700: #{$ossa-success-700};
+    --ossa-success-800: #{$ossa-success-800};
+    --ossa-success-900: #{$ossa-success-900};
+    --ossa-success-950: #{$ossa-success-950};
+
+    /* Warning - Amber */
+    --ossa-warning-50: #{$ossa-warning-50};
+    --ossa-warning-100: #{$ossa-warning-100};
+    --ossa-warning-200: #{$ossa-warning-200};
+    --ossa-warning-300: #{$ossa-warning-300};
+    --ossa-warning-400: #{$ossa-warning-400};
+    --ossa-warning: #{$ossa-warning-500};
+    --ossa-warning-500: #{$ossa-warning-500};
+    --ossa-warning-600: #{$ossa-warning-600};
+    --ossa-warning-700: #{$ossa-warning-700};
+    --ossa-warning-800: #{$ossa-warning-800};
+    --ossa-warning-900: #{$ossa-warning-900};
+    --ossa-warning-950: #{$ossa-warning-950};
+
+    /* Error - Red */
+    --ossa-error-50: #{$ossa-error-50};
+    --ossa-error-100: #{$ossa-error-100};
+    --ossa-error-200: #{$ossa-error-200};
+    --ossa-error-300: #{$ossa-error-300};
+    --ossa-error-400: #{$ossa-error-400};
+    --ossa-error: #{$ossa-error-500};
+    --ossa-error-500: #{$ossa-error-500};
+    --ossa-error-600: #{$ossa-error-600};
+    --ossa-error-700: #{$ossa-error-700};
+    --ossa-error-800: #{$ossa-error-800};
+    --ossa-error-900: #{$ossa-error-900};
+    --ossa-error-950: #{$ossa-error-950};
+
+    /* Info - Cyan */
+    --ossa-info-50: #{$ossa-info-50};
+    --ossa-info-100: #{$ossa-info-100};
+    --ossa-info-200: #{$ossa-info-200};
+    --ossa-info-300: #{$ossa-info-300};
+    --ossa-info-400: #{$ossa-info-400};
+    --ossa-info: #{$ossa-info-500};
+    --ossa-info-500: #{$ossa-info-500};
+    --ossa-info-600: #{$ossa-info-600};
+    --ossa-info-700: #{$ossa-info-700};
+    --ossa-info-800: #{$ossa-info-800};
+    --ossa-info-900: #{$ossa-info-900};
+    --ossa-info-950: #{$ossa-info-950};
+
+    /* ========================================================================
+       NEUTRAL COLORS
+       ======================================================================== */
+    --ossa-gray-50: #{$ossa-gray-50};
+    --ossa-gray-100: #{$ossa-gray-100};
+    --ossa-gray-200: #{$ossa-gray-200};
+    --ossa-gray-300: #{$ossa-gray-300};
+    --ossa-gray-400: #{$ossa-gray-400};
+    --ossa-gray-500: #{$ossa-gray-500};
+    --ossa-gray-600: #{$ossa-gray-600};
+    --ossa-gray-700: #{$ossa-gray-700};
+    --ossa-gray-800: #{$ossa-gray-800};
+    --ossa-gray-900: #{$ossa-gray-900};
+    --ossa-gray-950: #{$ossa-gray-950};
+
+    --ossa-white: #{$ossa-white};
+    --ossa-black: #{$ossa-black};
+    --ossa-dark: #{$ossa-dark};
+
+    /* ========================================================================
+       FOCUS RING COLORS - For Accessibility
+       ======================================================================== */
+    --ossa-focus-primary: #{$ossa-focus-primary};
+    --ossa-focus-secondary: #{$ossa-focus-secondary};
+    --ossa-focus-accent: #{$ossa-focus-accent};
+
+    /* ========================================================================
+       BRAND GRADIENTS
+       ======================================================================== */
+    --gradient-brand: #{$gradient-brand};
+    --gradient-hero: #{$gradient-hero};
+    --gradient-button: #{$gradient-button};
+
+    /* ========================================================================
+       TYPOGRAPHY SYSTEM
+       ======================================================================== */
+    /* Font Families */
+    --font-sans: #{$font-sans};
+    --font-mono: #{$font-mono};
+
+    /* Type Scale */
+    --text-display: #{$text-display};
+    --text-h1: #{$text-h1};
+    --text-h2: #{$text-h2};
+    --text-h3: #{$text-h3};
+    --text-h4: #{$text-h4};
+    --text-h5: #{$text-h5};
+    --text-h6: #{$text-h6};
+    --text-body: #{$text-body};
+    --text-small: #{$text-small};
+
+    /* Line Heights */
+    --leading-display: #{$leading-display};
+    --leading-h1: #{$leading-h1};
+    --leading-h2: #{$leading-h2};
+    --leading-h3: #{$leading-h3};
+    --leading-h4: #{$leading-h4};
+    --leading-h5: #{$leading-h5};
+    --leading-h6: #{$leading-h6};
+    --leading-body: #{$leading-body};
+    --leading-small: #{$leading-small};
+
+    /* Letter Spacing */
+    --tracking-display: #{$tracking-display};
+    --tracking-h1: #{$tracking-h1};
+    --tracking-normal: #{$tracking-normal};
+
+    /* Font Weights */
+    --font-normal: #{$font-normal};
+    --font-medium: #{$font-medium};
+    --font-semibold: #{$font-semibold};
+    --font-bold: #{$font-bold};
+    --font-extrabold: #{$font-extrabold};
+
+    /* ========================================================================
+       CODE SYNTAX HIGHLIGHTING
+       ======================================================================== */
+    --code-bg: #{$code-bg};
+    --code-text: #{$code-text};
+    --code-keyword: #{$code-keyword};
+    --code-string: #{$code-string};
+    --code-comment: #{$code-comment};
+  }
+
+  html {
+    scroll-behavior: smooth;
+    font-family: $font-sans;
+  }
+
+  body {
+    @apply font-sans text-gray-900 bg-white antialiased;
+    font-size: $text-body;
+    line-height: $leading-body;
+    font-weight: $font-normal;
+  }
+
+  /* ========================================================================
+     TYPOGRAPHY HIERARCHY - Based on Issue #44 Brand Guide
+     ======================================================================== */
+  
+  /* Display - For hero sections */
+  .text-display {
+    font-size: $text-display;
+    line-height: $leading-display;
+    font-weight: $font-extrabold;
+    letter-spacing: $tracking-display;
+  }
+
+  h1, .h1 {
+    font-size: $text-h1;
+    line-height: $leading-h1;
+    font-weight: $font-bold;
+    letter-spacing: $tracking-h1;
+  }
+
+  h2, .h2 {
+    font-size: $text-h2;
+    line-height: $leading-h2;
+    font-weight: $font-bold;
+  }
+
+  h3, .h3 {
+    font-size: $text-h3;
+    line-height: $leading-h3;
+    font-weight: $font-semibold;
+  }
+
+  h4, .h4 {
+    font-size: $text-h4;
+    line-height: $leading-h4;
+    font-weight: $font-semibold;
+  }
+
+  h5, .h5 {
+    font-size: $text-h5;
+    line-height: $leading-h5;
+    font-weight: $font-semibold;
+  }
+
+  h6, .h6 {
+    font-size: $text-h6;
+    line-height: $leading-h6;
+    font-weight: $font-semibold;
+  }
+
+  /* Body text */
+  p, .text-body {
+    font-size: $text-body;
+    line-height: $leading-body;
+  }
+
+  /* Small text */
+  small, .text-small {
+    font-size: $text-small;
+    line-height: $leading-small;
+  }
+
+  code {
+    @apply font-mono;
+  }
+
+  pre {
+    @apply bg-code-bg text-code-text rounded-lg p-4 overflow-x-auto;
+  }
+
+  pre code {
+    @apply text-code-text;
+  }
+
+  a {
+    cursor: pointer;
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+
+@layer components {
+  .btn-primary {
+    @apply bg-primary text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-opacity focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2;
+  }
+  
+  .bg-gradient-hero {
+    background: var(--gradient-hero);
+  }
+  
+  .bg-gradient-button {
+    background: var(--gradient-button);
+  }
+  
+  .bg-code-bg {
+    background-color: var(--code-bg);
+  }
+  
+  .text-code-text {
+    color: var(--code-text);
+  }
+  
+  .text-success {
+    color: var(--ossa-success);
+  }
+
+  .btn-secondary {
+    @apply bg-secondary text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-opacity focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2;
+  }
+
+  .btn-outline {
+    @apply border-2 border-primary text-primary px-6 py-3 rounded-lg font-medium hover:bg-primary hover:text-white transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2;
+  }
+
+  .card {
+    @apply bg-white rounded-lg shadow-md p-6 border border-gray-300;
+  }
+
+  .card-hover {
+    @apply card hover:shadow-lg transition-shadow;
+  }
+}
+

package/website/app/layout.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
-import './globals.css';
+import './globals.scss';
 import { Header } from '@/components/layout/Header';
 import { Footer } from '@/components/layout/Footer';
 import { StructuredData } from '@/components/StructuredData';
@@ -85,7 +85,7 @@ export default function RootLayout({
           }}
         />
       </head>
-      <body>
+      <body suppressHydrationWarning>
         <div className="flex flex-col min-h-screen">
           <a
             href="#main-content"

package/website/app/license/page.tsx

@@ -0,0 +1,183 @@
+import type { Metadata } from 'next';
+import fs from 'fs';
+import Link from 'next/link';
+import path from 'path';
+
+export const metadata: Metadata = {
+  title: 'Apache License 2.0 - Open Standard Agents',
+  description: 'Review the Apache License 2.0 terms that govern the Open Standard Agents project and ecosystem.',
+};
+
+function getLicenseText(): string {
+  const licensePath = path.join(process.cwd(), 'public/licenses/apache-2.0.txt');
+  return fs.readFileSync(licensePath, 'utf-8');
+}
+
+export default function LicensePage() {
+  const licenseText = getLicenseText();
+
+  return (
+    <>
+      <div className="bg-gradient-to-br from-secondary via-primary to-accent text-white py-20 px-4">
+        <div className="container mx-auto max-w-4xl text-center">
+          <div className="inline-flex items-center justify-center w-20 h-20 bg-white/20 backdrop-blur-sm rounded-full mb-6">
+            <svg className="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 13h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V20a2 2 0 01-2 2z" />
+            </svg>
+          </div>
+          <h1 className="text-5xl font-bold mb-4">Apache License 2.0</h1>
+          <p className="text-xl text-white/90 mb-6">
+            The governing open source license for the Open Standard Agents project and its documentation.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Link
+              href="#license-text"
+              className="inline-flex items-center justify-center px-6 py-3 bg-white text-primary font-semibold rounded-lg shadow-lg hover:-translate-y-0.5 transition-all"
+            >
+              Read Full Text
+            </Link>
+            <a
+              href="https://opensource.org/licenses/Apache-2.0"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center justify-center px-6 py-3 bg-white/10 text-white font-semibold border border-white/30 rounded-lg hover:bg-white/20 transition-all"
+            >
+              Official License Page
+            </a>
+            <a
+              href="/licenses/apache-2.0.txt"
+              className="inline-flex items-center justify-center px-6 py-3 bg-white/10 text-white font-semibold border border-white/30 rounded-lg hover:bg-white/20 transition-all"
+            >
+              Download TXT
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div className="container mx-auto max-w-6xl px-4 py-12 space-y-12">
+        <section className="grid md:grid-cols-3 gap-6">
+          <div className="bg-white rounded-xl shadow-md p-6 border border-gray-100">
+            <div className="w-12 h-12 rounded-lg bg-primary/10 text-primary flex items-center justify-center mb-4">
+              <svg className="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m0 0l3-3m-3 3l-3-3m9-5h3m-3 0l-3-3m3 3l-3 3M9 12H6m3 0l3-3m-3 3l3 3" />
+              </svg>
+            </div>
+            <h2 className="text-2xl font-semibold mb-3 text-gray-900">Permissions</h2>
+            <ul className="space-y-2 text-gray-700 list-disc list-inside">
+              <li>Use, modify, and distribute the specification and code</li>
+              <li>Commercial and private use allowed</li>
+              <li>Patent grants included for contributors</li>
+            </ul>
+          </div>
+
+          <div className="bg-white rounded-xl shadow-md p-6 border border-gray-100">
+            <div className="w-12 h-12 rounded-lg bg-secondary/10 text-secondary flex items-center justify-center mb-4">
+              <svg className="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            </div>
+            <h2 className="text-2xl font-semibold mb-3 text-gray-900">Conditions</h2>
+            <ul className="space-y-2 text-gray-700 list-disc list-inside">
+              <li>Preserve copyright and license notices</li>
+              <li>Include a NOTICE file when required</li>
+              <li>Document significant changes to the work</li>
+            </ul>
+          </div>
+
+          <div className="bg-white rounded-xl shadow-md p-6 border border-gray-100">
+            <div className="w-12 h-12 rounded-lg bg-accent/10 text-accent flex items-center justify-center mb-4">
+              <svg className="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 9V5a2 2 0 012-2h6a2 2 0 012 2v6m-8 4h6m-6 0l3 3m-3-3l3-3M15 9h.01M5 7h.01M7 5h.01M19 15h.01M7 17h.01M5 19h.01M3 3l18 18" />
+              </svg>
+            </div>
+            <h2 className="text-2xl font-semibold mb-3 text-gray-900">Limitations</h2>
+            <ul className="space-y-2 text-gray-700 list-disc list-inside">
+              <li>No trademark license is granted</li>
+              <li>No warranty - software is provided "as is"</li>
+              <li>Liability is limited under the terms</li>
+            </ul>
+          </div>
+        </section>
+
+        <section className="bg-gray-50 rounded-2xl border border-gray-200 p-8 shadow-sm">
+          <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-6 mb-6">
+            <div>
+              <p className="text-sm font-semibold text-primary uppercase tracking-wide">Open Source Commitment</p>
+              <h2 className="text-3xl font-bold text-gray-900 mt-2">Why Apache 2.0?</h2>
+              <p className="text-lg text-gray-700 mt-3 max-w-3xl">
+                Apache 2.0 offers a clear, business-friendly open source model with patent grants, making it safe for
+                enterprises, vendors, and researchers to build on the Open Standard Agents specification and ecosystem.
+              </p>
+            </div>
+            <div className="flex gap-3">
+              <a
+                href="/licenses/apache-2.0.txt"
+                className="inline-flex items-center justify-center px-4 py-2 bg-primary text-white font-semibold rounded-lg shadow hover:-translate-y-0.5 transition-all"
+              >
+                Download License
+              </a>
+              <a
+                href="https://opensource.org/licenses/Apache-2.0"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center justify-center px-4 py-2 bg-white text-primary font-semibold border border-primary rounded-lg hover:bg-primary/10 transition-all"
+              >
+                OpenSource.org
+              </a>
+            </div>
+          </div>
+          <div className="grid md:grid-cols-2 gap-6">
+            <div className="bg-white rounded-xl border border-gray-100 p-6 shadow-sm">
+              <h3 className="text-xl font-semibold text-gray-900 mb-3">Using OSSA in your projects</h3>
+              <ul className="space-y-2 text-gray-700 leading-relaxed list-disc list-inside">
+                <li>Embed the specification, reference implementations, or docs in commercial and open source products.</li>
+                <li>Attribute OSSA and retain the license headers in source distributions.</li>
+                <li>Contribute improvements knowing patent grants apply to contributions.</li>
+              </ul>
+            </div>
+            <div className="bg-white rounded-xl border border-gray-100 p-6 shadow-sm">
+              <h3 className="text-xl font-semibold text-gray-900 mb-3">Need attribution text?</h3>
+              <p className="text-gray-700 mb-3">
+                Include the following notice in your documentation or about pages:
+              </p>
+              <div className="bg-gray-900 text-gray-100 p-4 rounded-lg text-sm font-mono overflow-x-auto border border-gray-800">
+                Open Standard Agents Initiative - licensed under the Apache License, Version 2.0. You may not use this
+                project except in compliance with the License. You may obtain a copy at https://opensource.org/licenses/Apache-2.0
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section id="license-text" className="space-y-4">
+          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
+            <div>
+              <p className="text-sm font-semibold text-primary uppercase tracking-wide">Full Text</p>
+              <h2 className="text-3xl font-bold text-gray-900">Apache License, Version 2.0</h2>
+            </div>
+            <div className="flex gap-3">
+              <a
+                href="/licenses/apache-2.0.txt"
+                className="inline-flex items-center justify-center px-4 py-2 bg-primary text-white font-semibold rounded-lg shadow hover:-translate-y-0.5 transition-all"
+              >
+                Download .txt
+              </a>
+              <a
+                href="https://opensource.org/licenses/Apache-2.0"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center justify-center px-4 py-2 bg-white text-primary font-semibold border border-primary rounded-lg hover:bg-primary/10 transition-all"
+              >
+                View on OpenSource.org
+              </a>
+            </div>
+          </div>
+          <div className="bg-gray-900 text-gray-100 rounded-2xl border border-gray-800 shadow-inner">
+            <div className="max-h-[32rem] overflow-y-auto p-6">
+              <pre className="whitespace-pre-wrap font-mono text-sm leading-relaxed">{licenseText}</pre>
+            </div>
+          </div>
+        </section>
+      </div>
+    </>
+  );
+}

package/website/app/not-found.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link';
+
+export default function NotFound() {
+  return (
+    <div className="container mx-auto px-4 py-16 text-center">
+      <h1 className="text-4xl font-bold mb-4">404 - Page Not Found</h1>
+      <p className="text-lg text-gray-600 mb-8">
+        The page you're looking for doesn't exist.
+      </p>
+      <Link
+        href="/"
+        className="inline-block px-6 py-3 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors"
+      >
+        Go Home
+      </Link>
+    </div>
+  );
+}