feat: Added Accelerating Product Innovation App

.github/labeler.yml

@@ -1,3 +1,3 @@
 "owlbot:run":
 - all:
-  - base-branch: ['main']
+  - base-branch: ["main"]

gemini/sample-apps/accelerating_product_innovation/.streamlit/config.toml

@@ -0,0 +1,27 @@
+# Copyright 2023 Google LLC
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+
+[server]
+runOnSave = true
+
+port = 8080
+
+[browser]
+gatherUsageStats = false
+serverAddress = "0.0.0.0"
+
+[theme]
+base="light"
+primaryColor="#0066cc"

gemini/sample-apps/accelerating_product_innovation/.streamlit/pages.toml

@@ -0,0 +1,20 @@
+
+[[pages]]
+path = "app/home_page.py"
+name = "Home Page"
+
+[[pages]]
+path = "app/pages/resources.py"
+name = "Resources"
+
+[[pages]]
+path = "app/pages/product_insights.py"
+name = "Product Insights"
+
+[[pages]]
+path = "app/pages/product_generation.py"
+name = "Product Generation"
+
+[[pages]]
+path = "app/pages/edit_image.py"
+name = "Edit Image"

gemini/sample-apps/accelerating_product_innovation/README.md

@@ -0,0 +1,138 @@
+# Generative AI Demos - Accelerating Product Innovation
+
+## Introduction
+
+This solution is for product category and brand owners, product R&D analysts, marketers, and any personas owning the development of new products, in CPG, or any other vertical, where there is a need for a rapid and adaptive pace of new product and new product variant innovation. The solution enables users to leverage Generative AI’s purely creative capabilities to new ideas and new concepts for new products.
+
+In fast and dynamic markets there is a need to,
+
+- shorten lead time for new product development; and
+- achieve draft ideas in bulk with minimal or without human-in-the-loop
+
+This Streamlit-based solution empowers product managers, R&D specialists, and marketers to harness the power of Generative AI for accelerated product development, discover how to rapidly generate new product concepts, address market trends, and ensure regulatory compliance within the CPG sector and beyond.
+
+## Getting Started
+
+To access the application, follow the steps in `Setup.md`. Once you have the solution running, follow these procedures within the application to generate innovative ideas for any product:
+
+- **Navigate to the 'Resources' page.**
+  - **Project Setup**: Begin by creating a new project or selecting an existing one.
+  - **Document Upload**: Add relevant research and data files in accepted formats.
+- **For Q&A on uploaded files, navigate to 'Product Insights' page**
+  - **Insight Generation**: Ask questions to extract critical information from your data.
+- **For Product Idea generation, navigate to 'Product Generation' page**
+  - **Concept Creation**: Initiate product generation using sample queries or creater your own custom query.
+  - **Refinement**: Select features, experiment with combinations, and regenerate results until the desired product concept is achieved.
+
+## Application Workflow
+
+1. **Project Setup**
+   You have the option to either create a new project or select an existing project in the resources page of the application for generating product insights. Choose one of the following steps:
+
+   - **New Project Creation**:
+     - Initiate a new project within the application by giving it a descriptive name (e.g., "2024 Sunscreen Innovation" or "Haircare Line Extension").
+     - Once a project is created, the document upload process is mandatory before proceeding to analysis features.
+   - **Existing Project Modification**:
+     - Select an existing project from a list.
+     - View previously uploaded documents associated with the project.
+     - Use the following actions:
+       - Add Files: Upload new documents relevant to the project.
+       - Remove Files: Delete documents that are outdated or no longer relevant to the project goals.
+       - Delete Project: Entirely remove the project and all the resources associated with it.
+
+### 1. Document Upload
+
+<p align="center">
+  <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/resource_upload.gif" alt="Image Description" width="600"/>
+</p>
+
+- **Objective**: Integrate your critical project data for analysis with the solution.
+- **Accepted File Formats**:
+  Various types of documents such as market research reports, consumer feedback surveys, Internal trend analyses, regulatory guidelines can be uploaded. Accepted file formats include:
+  - Documents: .pdf, .doc, .docx
+  - Spreadsheets: .xlsx, .csv
+  - Text Files: .txt, .md
+
+### 2. Product Insights
+
+- **Dynamic Suggestions**
+
+  <p align="center">
+    <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/suggestions.png" alt="Image Description" width="600"/>
+  </p>
+
+- **Objective**: This feature generates contextually relevant suggestions designed to extract essential product insights and attributes companies deem important.
+- **Functionality**: The system leverages information embedded in the documents you've uploaded (market research, surveys, etc.) to tailor sample queries.
+- **Usage**: Choose to utilize a suggested sample query for immediate results. Customize the sample query or input your own questions to drive a more focused analysis.
+
+- **Generative AI Powered Product Insights**
+  - **Objective**: This feature unlocks insights hidden within your uploaded documents. You pose questions in natural language, and the system retrieves contextually relevant answers.
+  - **Functionality**: Rapid insight extraction: Obtain actionable answers directly from your data without time-consuming manual analysis.
+  - **Usage**: Type your question in natural language as if you were asking a domain expert.
+    - **Question Types**:
+      - Facts
+      - Trends
+      - Relationships
+      - Comparisons
+
+<p align="center">
+    <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/insights.png" alt="Image Description" width="600"/>
+  </p>
+
+<p align="center">
+    <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/follow_up_qs.png" alt="Image Description" width="600"/>
+  </p>
+
+- **Benefits**
+  - **Document Compatibility**: The AI-Powered Question Answering functionality is optimized for document types including: Market Research Reports, Consumer Feedback Surveys, Internal Trend Analyses.
+
+### 3. Product Generation
+
+- **Dynamic Sample Queries**
+
+  <p align="center">
+     <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/queries.png" alt="Image Description" width="600"/>
+   </p>
+
+  - **Objective**: This feature generates contextually relevant questions designed to extract essential product attributes consumers deem important within your chosen category.
+  - **Functionality**: The system leverages information embedded in the documents you've uploaded (market research, surveys, etc.) to tailor sample queries.
+  - **Usage**: Choose to utilize a suggested sample query for immediate results. Customize the sample query or input your own questions to drive a more focused analysis.
+
+- **Key Feature Extraction**
+
+  - **Objective**: Isolates the most frequently mentioned or prioritized product features that emerge from the analysis of your uploaded documents.
+  - **Functionality**: Employs text analysis techniques to extract key features. Extracts ingredients, benefits, claims, sensory terms, usage occasions, and more.
+  - **Output**: Creates a curated list of extracted features.
+
+- **Feature Selection**
+
+   <p align="center">
+    <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/features.png" alt="Image Description" width="600"/>
+   </p>
+
+  - **Objective**: Gives you direct control in constructing your ideal product concept.
+  - **Functionality**: Presents the extracted list of key features for selection. Enables both single feature selection and the creation of novel feature combinations.
+
+- **Product Concept Generation**
+
+  - **Objective**: Transforms selected features into holistic product concepts, going beyond simply listing ingredients or attributes.
+  - **Functionality**: Utilizes Generative AI, trained on product descriptions, marketing material, and relevant category data. Presents multiple plausible product ideas based on your selections.
+  - **Output**: Presents a series of product ideas featuring the AI-generated concepts, helping to visualize the creative possibilities.
+
+  <p align="center">
+     <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/product.png" alt="Image Description" width="600"/>
+  </p>
+
+### 4. Selective Regeneration
+
+- **Objective**: Enables users to zero in on specific areas of the product concept that they wish to modify without re-generating the whole concept from scratch.
+- **Functionality**: Text Modification, Image Modification, Whole Product Regeneration.
+
+   <p align="center">
+      <img src="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/readme_images/text_regen.gif" alt="Image Description" width="600"/>
+    </p>
+
+### 5. Export Content
+
+- **Objective**: Once you've refined your product concept through the iterative process, the solution provides seamless ways to share your work and integrate it into your broader product development workflows.
+- **Functionalities**: PDF Export, Export/Download, Email Export.

gemini/sample-apps/accelerating_product_innovation/SETUP.md

@@ -0,0 +1,84 @@
+# Setup Steps
+
+The solution supports both local execution and deployment to Cloud Run environments.
+
+## Running Locally
+
+1. **Clone Repository**: Clone the repository containing the solution's code to your local machine.
+2. **Install Dependencies**: Navigate to the project directory and install dependencies from requirements.txt using pip.
+3. **Set Environment Variables**: Create a `.env` file in the project directory and populate it with necessary environment variables:
+
+   ```plaintext
+   PROJECT_ID=<Your_Google_Cloud_Project_ID>
+   LOCATION=<Desired_Location>
+   REGION=<Desired_Google_Cloud_Project_Region>
+   YOUR_EMAIL=<Your_Email_Address_Associated_With_Google_Cloud_Project>
+   PROJECT_NUMBER=<Your_Google_Cloud_Project_Number>
+   ```
+
+4. **Run the Application**: Execute the following command to run the application locally:
+
+   ```bash
+   python -m streamlit run app/Home.py
+   ```
+
+5. **Access the Application**: Once the application is running locally, access it through a web browser using the specified local host address and port.
+
+## Deployment Steps
+
+Follow the below steps to deploy the solution to Cloud Run environment.
+
+### Google Cloud Storage Setup
+
+1. **Create Bucket**: Manually create GCS bucket 'product_innovation_bucket' using either the GCP Console or command-line tools (gsutil). The bucket is necessary for:
+
+   - `document_uploads`: Stores market research, surveys, trend reports, etc.
+   - `generated_products`: Stores output images, descriptions, etc.
+   - `image_edits`: Stores intermediate/modified images during the regeneration process.
+
+   **Using the GCP Console (Web Interface):**
+
+   - Navigate to the [Google Cloud Storage section](https://console.cloud.google.com/storage/browser) of your GCP console.
+   - Click on the "Create Bucket" button.
+   - Provide the following details:
+     - **Name**: Enter 'product_innovation_bucket' as bucket name.
+     - **Location**: Choose a region closest to where your solution will operate for best performance.
+     - **Storage Class**: Select the class based on frequency of access and cost considerations.
+     - **Advanced Settings**: Adjust encryption, access control, etc., if necessary.
+   - Click "Create".
+
+   **Using the 'gsutil' Command-Line Tool:**
+
+   - Ensure that you have the gcloud SDK installed and 'gsutil' configured.
+   - Run the following command in your terminal, replacing `<region>` with your desired bucket location:
+
+     ```bash
+     gsutil mb -l <region> gs://product_innovation_bucket
+     ```
+
+### Environment Setup
+
+1. Ensure that the `configure_resources` script is in the directory containing the solution's code.
+2. Edit the file named `env.txt` within the same directory and populate it with the same values as mentioned above.
+3. Create a `.env` file in the 'cloud_functions' directory and populate it with necessary environment variables as mentioned above.
+
+### Execute the Script
+
+- Open a terminal and navigate to the directory containing the script and `env.txt` file.
+- Run the script `configure-resources.sh` using the command:
+
+  ```bash
+  sh configure-resources.sh
+  ```
+
+- The script will:
+  - Parse `env.txt` to obtain project details.
+  - Initialize gcloud and set project configuration.
+  - Set up a service account with necessary IAM roles.
+  - Deploy Cloud Functions (`imagen-call`, `gemini-call`, `text-embedding`).
+  - Capture URLs for deployed Cloud Functions.
+  - Deploy the main application to Cloud Run.
+  - Ensure that the service account has been created and manually grant the following roles to the created service account `retail-accelerating-prod-i-982@[PROJECT_ID].iam.gserviceaccount.com`:
+    - Service account user
+    - Cloud Run Admin
+    - Cloud Storage Admin

gemini/sample-apps/accelerating_product_innovation/app/app_config.toml

@@ -0,0 +1,68 @@
+# -----------------------------------------------------------------------------
+# Translation options
+# -----------------------------------------------------------------------------
+[translate_api]
+
+# Include or remove languages as needed. Use the this documentation as
+# reference: https://cloud.google.com/translate/docs/languages
+Spanish = "es"
+Chinese = "zh"
+German = "de"
+Japanese = "ja"
+Portuguese = "pt"
+
+
+# -----------------------------------------------------------------------------
+# Configurations for page: Home.py
+# -----------------------------------------------------------------------------
+[pages.home]
+
+page_title = "Gen AI for Product Innovation"
+page_icon = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/favicon.png"
+sidebar_image_path = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png"
+home_img_1 = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/intro_home_1.png"
+home_img_2 = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/intro_home_2.png"
+
+
+# -----------------------------------------------------------------------------
+# Configurations for page: 1_Resources.py
+# -----------------------------------------------------------------------------
+[pages.1_Resources]
+
+page_title = "Resources"
+page_icon = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/favicon.png"
+sidebar_image_path = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png"
+resources_img="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/resources_img.png"
+
+# -----------------------------------------------------------------------------
+# Configurations for page: 2_ Marketing_Insights.py
+# -----------------------------------------------------------------------------
+
+[pages.2_Marketing_Insights]
+page_title = "Marketing Insights"
+page_icon = "./images/favicon.png"
+sidebar_image_path = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png"
+prod_insights_1="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/prod_insights_1.png"
+prod_insights_2="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/prod_insights_2.png"
+
+
+# -----------------------------------------------------------------------------
+# Configurations for page: 3_Generations.py
+# -----------------------------------------------------------------------------
+
+[pages.3_Generations]
+page_title = "Generations"
+page_icon = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/favicon.png"
+sidebar_image_path = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png"
+prod_gen_img="https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/prod_gen_img.png"
+
+
+
+# -----------------------------------------------------------------------------
+# Configurations for page: Editor.py
+# -----------------------------------------------------------------------------
+
+[pages.Editor]
+page_title = "Editor"
+page_icon = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/favicon.png"
+sidebar_image_path = "https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png"

gemini/sample-apps/accelerating_product_innovation/app/css/prod_gen_styles.css

@@ -0,0 +1,7 @@
+div.row-widget > button:first-child {
+    border-radius: 25px;
+}
+
+[class = "st-emotion-cache-1e9n592 ef3psqc11"] {
+    border-radius: 25px !important;
+}

gemini/sample-apps/accelerating_product_innovation/app/css/prod_insights_styles.css

@@ -0,0 +1,6 @@
+.element-container:has(#button-after) + div button {
+    min-height: 100px;
+    max-width: 500px;
+    min-width: 500px;
+    border-radius: 25px;
+}

gemini/sample-apps/accelerating_product_innovation/app/css/sidebar_styles.css

@@ -0,0 +1,7 @@
+[data-testid="stSidebarNav"] {
+    background-image: url("https://storage.googleapis.com/github-repo/generative-ai/sample-apps/accelerating-product-innovation/app_images/main_logo.png");
+    background-repeat: no-repeat;
+    background-position: 50% 10%;
+    margin-top: 5%;
+    background-size:80%;
+}

gemini/sample-apps/accelerating_product_innovation/app/download_link.html

@@ -0,0 +1,9 @@
+<html>
+<head>
+<title>Start Auto Download file</title>
+<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+<script>
+$('<a href="data:application/zip;base64,{b64}" download="{download_filename}">')[0].click()
+</script>
+</head>
+</html>